React from Scratch

Rebuild a Todo app using create-react-app

Tuesday, January 25, 2022

Based on the React Todo app we've already built on Codepen, we're now rebuilding it locally, so that we can further improve our understanding of React.

react javascript react from scratch

Build a todo app in React, using hooks and functional components

Tuesday, January 25, 2022

react javascript react from scratch

Class-based components, functional components, and React hooks

Tuesday, January 25, 2022

What's the difference between class-based and functional components, and where do React hooks fit into the picture. Find out all of that in this tutorial.

react javascript react from scratch

Beginner-level tips and tricks in React

Tuesday, January 25, 2022

Beginner-level React tips and tricks: code organization, passing objects as props, default props, using ternaries in our components, using fragments, handling events, checking if props are truthy, and more.

react javascript react from scratch

Looping over data in React

Tuesday, January 25, 2022

We'll add a new JavaScript file with an array of objects, and then we'll loop over this array of objects using the Array.prototype.map method in our React code.

react javascript react from scratch

Moving from ES5 to ES6 functions in React

Tuesday, January 25, 2022

Learn to update React apps from ES5 to ES6 functional components; additionally, learn how Babel works with ES6 functions in React.

react javascript react from scratch

Adding icons to a React layout

Tuesday, January 25, 2022

Learn to add icons to React apps in this tutorial. We're using a simple React-powered layout built in Bootstrap as the foundation, and we're adding icons to this pre-built layout.

react javascript react from scratch

Build a Bootstrap layout in React

Monday, January 24, 2022

React is all about components. In this tutorial, we'll learn about how these components are composable and we'll build a simple Bootstrap layout doing it.

react javascript react from scratch

React props basics, practical examples

Saturday, January 22, 2022

react javascript react from scratch

Build a create-react-app starter app

Friday, January 21, 2022

We'll build a React app using create-react-app, then learn how to tweak it. Next, we'll compare a local and a cdn-powered version of the same simple React app to further understand the differences between the two approaches.

react javascript react from scratch

Serving React from a CDN and running it without a build step

Thursday, January 20, 2022

We can use React without a build step. In this tutorial, we'll learn how to include React from a CDN and use it in our projects right away.

react javascript react from scratch

Building the simplest possible React app

Thursday, January 20, 2022

A perfect tutorial for a beginner in React: learn how to get started with it and all the tools you need to get started with it. Additionally, we'll build a very simple app in React.

react javascript react from scratch