Cleaning up the DOM with ForwardRef in React (blog.logrocket.com)
Nov 09, 2019
Ref forwarding in React is a feature that lets components pass down (“forward”) refs to their children. It gives the child component a reference to a DOM element created by its parent component. This then allows the child to read and modify that element anywhere it is being used.
Working with Fusebox and React (css-tricks.com)
Nov 08, 2019
If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default.
Maintain Control: A Guide to Webpack and React, Pt. 1 (toptal.com)
Nov 05, 2019
If you want to maintain a greater degree of control over your build process, then you might choose to invest in a custom Webpack configuration. As you’ll learn from this Webpack tutorial, this task is not very complicated, and the knowledge might even be useful when troubleshooting other people’s configurations.
Nice imports with Next.js (remysharp.com)
Nov 04, 2019
During my React based development, I'll find myself importing a module from '../../../components/Widget' and that ../../../ is anyone's guess if it's right first time or not. Except I discovered that Next.js (which is what I do most of my React dev with) ships with a trick up its sleeve.
Solutions to frustrations with React Hooks (blog.logrocket.com)
Nov 04, 2019
One of my previous posts, Frustrations with React Hooks, got an incredible amount of views and topped hacker news at one point. The post also got lots of comments, some of which have changed how I view Hooks and given me a completely new and positive way of viewing them.
Catch Your Suspense Errors (dev.to)
Oct 30, 2019
Not every promise resolves. Some are rejected. So, when we use React.Suspense to show loading and loaded states, we need to consider exceptions as well.
Read a File in Create React App (starikov.dev)
Oct 29, 2019
Imagine you have a text file on your computer. It could be JSON, CSV, markdown or any other format. And now you want to create a React app to make the information in that file more presentable and maybe somewhat interactive.
6 Tools for Debugging React Native (sitepoint.com)
Oct 28, 2019
In the React Native world, debugging may be done in different ways and with different tools, since React Native is composed of different environments (iOS and Android), which means there’s an assortment of problems and a variety of tools needed for debugging.