Elijah Manor

As I introduce the concepts of React hooks, I'll apply those concepts in various demos to see how they apply in different scenarios. I'll be converting Class Components to Function Components so you can see how they relate to each-other.

Earlier this month Create React App 2.0 was released adding a lot of new features. Some of those features include Sass Support, CSS Modules Support, Adding SVGs as React Components, Fragment Short Syntax, and Babel Macros.

React version 16.5.0 has been released and one of the features that it supports is the new Profiler in the React Developer Tools.

In this post we’ll look at how to add the Storybook style guide to a React web app boostrapped by create-react-app.

In this post I’ll show how to get started with create-react-app and long the way, we’ll look at each of its built-in scripts and also investigate various ways to keep your react-scripts dependency up-to-date.

In this video we’ll look at how to refactor an existing React code-base using jscodeshift and react-codemod. In particular we’ll be using one of the scripts to automatically prepend React’s unsafe lifecycle hooks with UNSAFE_.

In this video we’ll look at how to bring backwards compatibility when using the new React 16.3 lifecycle hooks. The react-lifecycles-compat polyfill will allow the getDerivedStateFromProps and getSnapshotBeforeUpdate methods to work in older versions of React.

In this video we’ll look at "what's new" in React version 16.3. It turns out there are a lot of new features packed in this release. There is a new Context API, some new ref APIs, new and updated lifecycle methods, a new strict mode component, an experimental async mode component, and an updated version of React DevTools.

In this video we’ll look at how to setup VS Code to lint and style an app bootstrapped by create-react-app with with ESLint and Prettier.

In this video we’ll look at how to bootstrap a new React web app using Parcel, a zero config web bundler.

In this video we’ll look at technique to help prevent you from ejecting your app that was bootstraped by `create-react-app`.

In this post we’ll look at how to add the Storybook style guide to a React web app boostrapped by create-react-app.

In this post we’ll look at how to configure Visual Studio Code to debug React Components and Jest Unit Tests inside a web application that was created by create-react-app.