The Practical React Developer: Learn By Doing Not-So-Mini-Series
The best way to learn is by doing. This is the start of a not-so-mini series for everything you need to know about building React web applications
The best way to learn is hands on.
This not-so-mini-series will teach you all the basics of building a React Web application through hands-on practical exposure.
Introducing 'Property Finder', a property listings website
This tutorial will teach you, hands-on, all the best and most commonly used features of React and the tooling around it.
See a preview of the finished website;<iframe width="560" height="315" src="https://www.youtube.com/embed/DuK0qThM3ow" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
What is included in this mini series?
- What is React, and why use it?
- How to set up your development environment for success
- Get started quickly with React using CodeSandbox
- How to export your React project from CodeSandbox to your desktop with Parcel.js
- How to add routing to a React app using @reach/router
- Build a complete property listings page with React.js
- Add advanced filtering to a React app using React Context API
- Adding the finishing touches to 'Property Finder'
Skip to the end?
Just want the finished code? Everything is, of course, free and open source (under the MIT license), and you can find it on GitHub.