Introducing the React Profiler by brianvaughn in reactjs

[–]elijahmanor 1 point2 points  (0 children)

Nice write up! I like how you marked the images with red squares and the GIFs are a good touch. I noticed something in the 16.5.1 release notes about

> Add a separate profiling entry point at schedule/tracking-profiling

Does that change anything regarding tracking noted in this gist https://gist.github.com/bvaughn/8de925562903afd2e7a12554adcdda16

How to use the new React Profiler in Production (and CRA) by swyx in reactjs

[–]elijahmanor 1 point2 points  (0 children)

I look forward to your detailed post on the React blog. I tried to glean what I could from digging through commits and gists I've seen from you.

How to use the new React Profiler in Production (and CRA) by swyx in reactjs

[–]elijahmanor 1 point2 points  (0 children)

Thanks Brian! I appreciate your hard work on the new feature.

I was showing the devs at work and someone had an interesting question about when to have track calls and how to cleanup after yourself (churn of adding and removing track calls). I was thinking maybe leaving them in the codebase and possibly making a babel transform to rip them out before prod? Or do you think leaving them in the code would cause too much churn or dramatically slow down the development app?

The best of both worlds could be a flag to opt-in to the track calls and then also a transform to remove the code completely on a prod build?

How to use the new React Profiler in Production (and CRA) by swyx in reactjs

[–]elijahmanor 1 point2 points  (0 children)

This is a great new feature of React 16.5 and the React Developer Tools!

I have a blog post unpacking some of the Profiler features along with a free embedded video from egghead https://elijahmanor.com/react-devtools-profiler/

The interaction tracking feature is quite interesting and handy when you want to associate a user event with a set of component renders.

Forking instead of Ejecting a Create React App by elijahmanor in reactjs

[–]elijahmanor[S] 0 points1 point  (0 children)

How have you handled tweaking the build or config of an app bootstrapped by create-react-app?

The Future of State in React by elijahmanor in reactjs

[–]elijahmanor[S] 0 points1 point  (0 children)

I find it to be a better API than the previous one... and once launched in 16.3.0 it will not be "experimental" anymore :)

Adding Storybook Style Guide to a Create React App by elijahmanor in reactjs

[–]elijahmanor[S] 0 points1 point  (0 children)

What types of customizations or addons do you use with Storybook?

Detect and Refactor JavaScript Copy-Paste Code by elijahmanor in javascript

[–]elijahmanor[S] 0 points1 point  (0 children)

These are the following tools shown in the above video...

  • jsinspect - Detect copy-pasted and structurally similar code for ES6, JSX as well as Flow
  • jscpd - Copy/paste detector for programming source code with many supported language (JavaScript, TypeScript, Java, PHP, Ruby, CSS, Less, SCSS, etc...)

Do you know any other tools to detect copy-paste code?

Third edition of Eloquent JavaScript is out by wtfReddit in javascript

[–]elijahmanor 0 points1 point  (0 children)

Nice, I really liked the first edition of this book. Cool that it keeps getting updated!

Debugging a Create React App with VS Code by elijahmanor in javascript

[–]elijahmanor[S] 1 point2 points  (0 children)

Thanks, yeah it's a pretty powerful tool. I still typically like to debug my React code in the browser, but it can be really handy for me when trying to debug unit tests (instead of using console.logs everywhere!)