14 Stories by Esteban Herrera
Released at the end of April 2019, Create React App (CRA) 3 adds linting rules to hooks and TypeScript projects, along with other improvements...
useState is a hook that allows you to have state variables in functional components. There are two types of components in React, class and...
Selectors are a core part of CSS. They allow you to do things like select all the elements of a certain type: div {...
Create React App 2.1, released at the end of October 2018, added official support for TypeScript. This, along with all of the improvements and...
In addition to traditional CSS, you also have inline styles and CSS-in-JS as options for styling a React application. With inline styles, you pass...
GraphQL is great, it allows you to work in a declarative style by enabling you to select only the information or operations that you...
Create React App is one the most popular tools for creating React app. With just three dependencies, you get support for React, JSX, ES6, polyfills,...
In any non-trivial React app, CSS styles can become a problem if you don’t manage them correctly. Global style definitions, !important rules everywhere, and low...
http://www.reactvirtualized.com A common requirement in web applications is displaying lists of data. Or tables with headers and scrolls. You have probably done it hundreds...
Image credit One of the first things you learn when you start working with React is that you shouldn’t mutate (modify) a list: //...
JSX is a powerful extension to JavaScript that allows us to define UI components. But it doesn’t support loops or conditional expressions directly (although...
Recently, Yomi did a great job writing about advanced React Router concepts. But if you’re just starting out with React Router, that post was...
