React Crash Course for Beginners – Learn ReactJS from Scratch in this 100% Free Tutorial!

Academind

Get Started with React.js and learn how to build amazing websites with ReactJS! Full Project included, 100% free!

🖥️ Official Website & Courses
https://academind.com/courses/

👨‍💻 Bestselling React Course
https://acad.link/reactjs

📝 Further Resources
React vs Angular vs Vue: https://academind.com/tutorials/angular-vs-react-vs-vue-my-thoughts/
REST API with NodeJS: https://academind.com/tutorials/building-a-restful-api-with-nodejs/
Connecting SPAs to Databases: https://academind.com/tutorials/connect-to-database/
What is State?: https://academind.com/tutorials/what-is-state/

👋 Social Media
https://twitter.com/maxedapps
https://twitter.com/academind_real
https://www.instagram.com/academind_real/
https://www.facebook.com/academindchannel/

💬 Academind Community on Discord
https://discord.gg/gxvEWGU
———-
Timestamps:
Introduction 00:00
What is React 00:27
First React Code 04:15
Building SPAs 11:40
React Alternatives 13:41
Creating a React Project 16:48
Setting Up a Code Editor 25:03
Diving Into the Created Project 28:07
How React Works & Understanding Components 34:38
More About Components & Styling with CSS Classes 42:15
Building & Reusing Another Component 47:50
Pros & Dynamic Content 55:09
Handling Events 1:00:27
Adding More Components 1:07:07
Introducing State 1:12:48
Event Props 1:21:07
Adding Routing 1:28:15
Adding Links & Navigation 1:45:07
CSS Modules 1:50:28
Outputting Lists 1:56:14
Adding More Components´2:02:04
Props Children 2:11:52
Adding a Form 2:20:31
Getting User Input & Handling Form Submission 2:29:30
Preparing the App for HTTP 2:39:15
Sending a Post Request 2:46:07
Navigating Programmatically 2:51:25
Getting Started with Fetching Data 2:55:07
useEffect 3:04:32
Introducing React Context´3:14:40
Context Logic & Different Ways of Updating State 3:25:43
Using Context in Components 3:31:37
More Context Usage 3:43:48
Summary 3:50:42
———-
Code Files & Snapshots:
Vanilla JS vs React Project Code: https://github.com/academind/react-complete-guide-code/tree/01-getting-started/code/react-vs-vanilla-js-example
Style Files & Dummy Data: https://github.com/academind/react-complete-guide-code/tree/zz-reactjs-summary/extra-files
Code Snapshots: https://github.com/academind/react-complete-guide-code/tree/zz-reactjs-summary/code
———-
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!