Tag: React.js
Code a Weather App in React, part 1
Thursday, March 23, 2023
Learn how to build a weather app in React using hooks in this step-by-step tutorial. You'll use the OpenWeatherMap API to fetch weather data and display it in a component. You'll also add dynamic city input using useState hook and learn about useEffect and CSS styling. Code samples are provided for each step of the tutorial.
Code a Tic-Tac-Toe game in React, part 2
Wednesday, March 22, 2023
How to code a tic-tac-toe game in React, using hooks? Here's another way to do it, in this tutorial.
Code a Tic-Tac-Toe game in React, part 1
Tuesday, March 21, 2023
How to code a tic-tac-toe game in React, using hooks? Here's one way to do it, in this tutorial.
React Example Apps
Monday, March 20, 2023
A list of free React app examples found online with a short description of what each example is about.
react javascript 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
React from Scratch
Tuesday, January 18, 2022
In the React from scratch article series, we'll learn all there is to know about the React framework, from the very beginning.
