https://github.com/packtworkshops/the-react-workshop
A New, Interactive Approach to Learning React
https://github.com/packtworkshops/the-react-workshop
Last synced: 10 months ago
JSON representation
A New, Interactive Approach to Learning React
- Host: GitHub
- URL: https://github.com/packtworkshops/the-react-workshop
- Owner: PacktWorkshops
- License: mit
- Created: 2019-11-06T09:01:34.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T04:58:02.000Z (over 3 years ago)
- Last Synced: 2025-04-16T16:35:08.030Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 12 MB
- Stars: 48
- Watchers: 6
- Forks: 54
- Open Issues: 139
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# The React Workshop
[](https://github.com/PacktWorkshops/The-React-Workshop/issues)
[](https://github.com/PacktWorkshops/The-React-Workshop/network)
[](https://github.com/PacktWorkshops/The-React-Workshop/stargazers)
[](https://github.com/PacktWorkshops/The-React-Workshop/pulls)
This is the repository for [The React Workshop](https://www.amazon.com/React-Workshop-Interactive-Approach-Learning-ebook/dp/B082VG6JCL/ref=sr_1_1?dchild=1&keywords=The%20React%20Workshop&qid=1611056710&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838645564&utm_term=React&utm_content=The%20React%20Workshop), published by [Packt](https://www.packtpub.com/?utm_source=github). It contains all the supporting project files necessary to work through the course from start to finish.
## Requirements and Setup
To get started with the project files, you'll need to:
* Install [Node.js/NPM](https://nodejs.org)
* Install [Yarn](https://classic.yarnpkg.com/en/docs/install)
* Install [Visual Studio Code editor](https://code.visualstudio.com)
## About The React Workshop
[The React Workshop](https://www.amazon.com/React-Workshop-Interactive-Approach-Learning-ebook/dp/B082VG6JCL/ref=sr_1_1?dchild=1&keywords=The%20React%20Workshop&qid=1611056710&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838645564&utm_term=React&utm_content=The%20React%20Workshop) equips you with the knowledge you need to implement React logic in web applications. You’ll learn important best practices and essential React methods with the help of interesting examples and exercises.
## What you will learn
* Use JSX to include logic in the view layer of applications
* Get familiar with the important methods and events in the React lifecycle
* Distinguish between class and functional component syntaxes
* Create forms with Formik and handle errors
* Understand the React Hooks API and the problems it can solve
* Fetch outside data using the Axios library and populate the data to the app
## Related Workshops
If you've found this repository useful, you might want to check out some of our other workshop titles:
* [The JavaScript Workshop](https://www.amazon.com/JavaScript-Workshop-Interactive-Approach-Learning-ebook/dp/B0824584WF/ref=sr_1_1?dchild=1&keywords=The%20JavaScript%20Workshop&qid=1611056880&sr=8-1&utm_source=GitHub&utm_medium=Repository&utm_campaign=9781838641917&utm_term=JavaScript&utm_content=The%20JavaScript%20Workshop)
* [The Go Workshop](https://www.amazon.com/Go-Workshop-Interactive-Approach-Learning-dp-1838647945/dp/1838647945/ref=mt_other?_encoding=UTF8&me=&qid=1611061203&utm_source=github&utm_medium=repository&utm_campaign=9781838647940&utm_term=Go&utm_content=The%20Go%20Workshop)
* [Front End Development Projects with Vue.js](https://www.amazon.com/Front-End-Development-Projects-Vue-js-applications-dp-1838984828/dp/1838984828/ref=mt_other?_encoding=UTF8&me=&qid=1611065499&utm_source=github&utm_medium=repository&utm_campaign=9781838984823&utm_term=Vue&utm_content=Front-End%20Development%20Projects%20with%20Vue.js)