Learn React from scratch and build your first application step by step in this course.
In this course, you’ll start with setting up a development environment, creating your first application in React and finishing up by managing component states! With this course, you will gain foundational knowledge of how to create React components, share data between components, style React components and much more.
✅ Visit "React Crash Course: From Zero to Hero" on Udemy
This repository contains the source code for the "React Crash Course: From Zero to Hero" course.
-
Open repository main page.
-
Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.
![Screenshot 2024-06-25 at 17 34 44](https://private-user-images.githubusercontent.com/24624324/342798328-5e67c693-39fd-4262-b0ff-7aa81f439642.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NDMyMDAsIm5iZiI6MTcyNDU0MjkwMCwicGF0aCI6Ii8yNDYyNDMyNC8zNDI3OTgzMjgtNWU2N2M2OTMtMzlmZC00MjYyLWIwZmYtN2FhODFmNDM5NjQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI0VDIzNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYwM2IzMWJiZDI1NmU5YjZjNzMzZjdlMDI1NmI4NTI3ZGFiYzU0ODQ2NTNhZTAxYWE4NTg1ZTUyYWNhOTEwZjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RRnjYzzdOTy_Oiie_tJmXYIKwxQLtZL50VzBt4lWxqQ)
-
Open commits page.
-
Click on the "code" icon near the lesson you are interested.
![Screenshot 2024-06-25 at 17 48 06](https://private-user-images.githubusercontent.com/24624324/342802110-53caf0fe-7d61-4c22-b10f-33b8f1cb5512.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NDMyMDAsIm5iZiI6MTcyNDU0MjkwMCwicGF0aCI6Ii8yNDYyNDMyNC8zNDI4MDIxMTAtNTNjYWYwZmUtN2Q2MS00YzIyLWIxMGYtMzNiOGYxY2I1NTEyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI0VDIzNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRhZDg1ZjAzNDhjOTRjNWI1ZWI0ZmMzNmUzM2U2OTc4NTg2NjFhNDRjYjFlYjA1YmJhZjk0Mzk4MzdmMzgzYTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.25G3knpWUno3iaO_jap9nKpkKdrlfQ5nGNbUKNElKyc)
-
You will be redirected to the specific source code page for this lesson.
-
Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.
![Screenshot 2024-06-25 at 17 34 44](https://private-user-images.githubusercontent.com/24624324/342798328-5e67c693-39fd-4262-b0ff-7aa81f439642.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NDMyMDAsIm5iZiI6MTcyNDU0MjkwMCwicGF0aCI6Ii8yNDYyNDMyNC8zNDI3OTgzMjgtNWU2N2M2OTMtMzlmZC00MjYyLWIwZmYtN2FhODFmNDM5NjQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI0VDIzNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYwM2IzMWJiZDI1NmU5YjZjNzMzZjdlMDI1NmI4NTI3ZGFiYzU0ODQ2NTNhZTAxYWE4NTg1ZTUyYWNhOTEwZjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RRnjYzzdOTy_Oiie_tJmXYIKwxQLtZL50VzBt4lWxqQ)
Open the archive on your computer, open VS code (code editor) and cick "File" -> "Open Folder" -> Choose project folder => "Open".
![Screenshot 2024-06-25 at 17 40 31](https://private-user-images.githubusercontent.com/24624324/342799874-ec7661e5-d8e7-409f-a935-5a55335553e9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NDMyMDAsIm5iZiI6MTcyNDU0MjkwMCwicGF0aCI6Ii8yNDYyNDMyNC8zNDI3OTk4NzQtZWM3NjYxZTUtZDhlNy00MDlmLWE5MzUtNWE1NTMzNTU1M2U5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI0VDIzNDE0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRjZmJhNmUyY2Y1NjA2ZjgxMDQ4ZDg4NmNlNzY2NTRjOWYxNmU1ZDRiZjNmMTA2MjI1ZTQzY2UxMjBmOWJhMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Hi9QnXePhMBNL5Dfm_JgREhT6YZKe57Bu77DsT0gg3g)
Run the npm install
command to install all the libraries needed to run the application.
Run the npm start
command in terminal to start the application.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.