React for Beginners: Build an App, & Learn the Fundamentals
What you'll learn
- A solid foundation of React fundamentals that will prepare you for more advanced topics
- How Component state, props, and lifecycle methods work
- How React renders to the DOM and manages updates
- How to work with forms in React
- How to create your first fully functioning React application
- Plus more...
Course content
- Preview01:18
- 01:54Introducing Codesandbox
- 05:05Fundamentals: Components
- 03:40Fundamentals: JSX
- Preview04:07
- Preview05:11
- 03:55Build an App: Lifecycle Methods
- 03:56Build an App: Add Search Form
- 02:23Build an App: Save Search Query
- 03:40Build an App: Submit Search
- 02:49Build an App: Render Search Results
- 02:20Build an App: I'm Feeling Funny
- 04:26Build an App: SearchForm Component
- 03:13Build an App: Refactoring and Clean Up
- 03:41Build an App: Adding Styles
- 01:43How it Works: Rendering into the DOM
- 02:58How it Works: Rendering Updates
- 01:22Conclusion: Wrapping Up
Requirements
- JavaScript, HTML, and CSS fundamentals are required
- Not required, but experience with JavaScript ES6+ is beneficial
- No prior experience with React is required
Description
A lot of React newcomers tend to get hung up on external dependencies like webpack, and redux. While tools like this are great they tend to add additional complexity when starting out.
In these lessons I will be avoiding all these distractions, and sticking to React fundamentals, and guiding you through the creation of your first app.
Some of the topics covered include:
Elements and Components
Working with JSX
State and Lifecycle
Working with Forms
Creating Dumb/Stateless Components
Building your first App
In addition to the above I’ve also included two bonus videos on React rendering, and updates. If you have ever wanted to learn a bit about how React works under the hood these are for you.
After taking this course, you’ll have a solid foundation in the fundamentals of React, and will be confident enough to move onto more advanced topics, which I hope to cover in future courses.
Who this course is for:
- Students with little to no experience with React
- Students who want to learn how React works under the hood
- Students who want to build their first React app
- Students who want to build single page applications
Instructor
![Ryan Johnson](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.2 Instructor Rating
- 52 Reviews
- 176 Students
- 1 Course
Hi there, I’m Ryan; I am a Consultant, and Full-Stack Developer that specializes in JavaScript, with an emphasis on React, and Node.js.
As a freelance developer I have been afforded the unique opportunity to provide services for start-ups, banks, consulting firms, marketing agencies, and many others.
I love being a developer, and continuous learning will always be a big part of this role. I wouldn’t be where I am today if others hadn’t graciously shared their knowledge, and for that reason I make an effort to do the same through writing, Open Source, and teaching.