Articles & Tutorials
Mar 05, 2021
Every application needs to manage state. In React, we can go a long way using hooks, and in particular useState(), and passing props around. When things get more complicated than that, I like to immediately jump to a state management library. One of my favorites lately is easy-peasy.
Flavio CopesOct 27, 2020
While working on a Next.js website I had the need to move a React component to a whole different place in my markup, depending on the size of the screen.
Dec 06, 2019
Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it.
Dec 04, 2019
Find out how to render an HTML string in the DOM without escaping, using React.
Nov 30, 2019
Some tools you can use to debug your React app when you run into problems.
Nov 29, 2019
Learn this powerful technique provided by Next.js to create an API endpoint within a Next.js app.
Nov 28, 2019
Learn how to use the `next/router` package to control routes in Next.js
Nov 27, 2019
How Next.js separates your app code into different bundles, and what do they contain.
Nov 26, 2019
Learn what the icons generated by Next.js in development mode mean.
Nov 25, 2019
How to use a wrapper component and add a common sidebar or header to it.
Nov 24, 2019
How to lazy load modules in your Next.js app.
Nov 23, 2019
Learn more about what's in your Next.js app bundles.
Nov 22, 2019
How to generate the production version of your Next.js app.
Nov 20, 2019
How to use Now to easily and seamlessly deploy your Next.js app.
Nov 14, 2019
How to style React components in Next.js?
Nov 13, 2019
How to feed data to a Next.js component using getInitialProps
Nov 12, 2019
How to setup dynamic content in a Next.js site
Nov 11, 2019
How to link two or more pages in Next.js
Nov 10, 2019
Learn this very useful tool we absolutely need to install when building a React application.
Jul 27, 2019
A quickstart to using Reach Router in your React app.
Jul 23, 2019
Find out what the useReducer React hook is useful for, and how to work with it!
Jul 20, 2019
Find out what the useMemo React hook is useful for, and how to work with it!
Jul 19, 2019
Find out what the useEffect React hook is useful for, and how to work with it!
Jul 18, 2019
Find out what the useCallback React hook is useful for, and how to work with it!
Jul 18, 2019
How to serve a React and a server-side backend app from the same origin, without having to use CORS on the server and worrying about ports.
Jul 17, 2019
Find out what the useState React hook is useful for, and how to work with it!
Jan 05, 2019
Test your first React component using Jest and `react-testing-library`
Jan 01, 2019
Learn how Render Props can help you build a React application
Dec 23, 2018
What is Server Side Rendering? How to do it with React?
Dec 22, 2018
What is Code Splitting and how to introduce it in a React app
Dec 19, 2018
create-react-app is the easiest way to start up a React application
Nov 28, 2018
Gatsby is a platform for building apps and websites using React
Nov 02, 2018
How to use PropTypes to set the required type of a prop
Nov 01, 2018
The Context API is a neat way to pass state across the app without having to use props
Oct 31, 2018
How to use React.Fragment to create invisible HTML tags
Apr 04, 2018
Working on a modern JavaScript application powered by React is awesome until you realize that there are a couple problems related to rendering all the content on the client-side
Mar 28, 2018
React Router 4 is the perfect tool to link together the URL and your React app. React Router is the de-facto React routing library, and it's one of the most popular projects built on top of React.
Mar 09, 2018
This tutorial explains how to create themes to handle reusable styles with styled-components in React.
Feb 08, 2018
Styled Components are one of the new ways to use CSS in modern JavaScript. It is the meant to be a successor of CSS Modules, a way to write CSS that's scoped to a single component, and not leak to any other element in the page
Jan 29, 2018
React is a JavaScript library that aims to simplify the development of visual interfaces.
Aug 25, 2017
How to create an Electron Node.js desktop application using `create-react-app`
Aug 20, 2017
This short tutorial explains how to pass props to a child component via React Router
Aug 19, 2017
Simple steps to get a nice VSCode setup with linting hints and format on save
Books & Guides
Nov 19, 2019
I wrote this book to teach you all I know about Next.js!
Courses & Video Series
Jan 29, 2019
I will guide you from zero knowledge of React to become a skilled React developer.