Learn React without all the distractions. This course will stick to the fundamentals, and guide you through the creation of your first app.
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:
<ul><li>Elements and Components</li>
<li>Working with JSX</li>
<li>State and Lifecycle</li>
<li>Working with Forms</li>
<li>Creating Dumb/Stateless Components</li>
<li>Building your first App</li>
</ul>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.
What knowledge &amp; tools are required?
<ul><li>JavaScript, HTML, and CSS fundamentals are required</li>
<li>Not required, but experience with JavaScript ES6+ is beneficial</li>
<li>No prior experience with React is required</li>
</ul>Additional Resources
<ul><li><a href="https://codesandbox.io/s/2vyp6kxzvy" rel="nofollow noreferrer noopener" target="_blank">Codesandbox Project</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API" rel="nofollow noreferrer noopener" target="_blank">Fetch API</a></li>
<li><a href="https://reactjs.org/docs/state-and-lifecycle.html" rel="nofollow noreferrer noopener" target="_blank">React State and Lifecycle</a></li>
<li><a href="https://reactjs.org/docs/forms.html" rel="nofollow noreferrer noopener" target="_blank">React forms</a></li>
<li><a href="https://github.com/css-modules/css-modules" rel="nofollow noreferrer noopener" target="_blank">CSS Modules</a></li>
</ul>

Introduction

Introducing Codesandbox

Fundamentals: Components

Fundamentals: JSX

Build an App: Introduction

Build an App: Component State

Build an App: Lifecycle Methods

Build an App: Add Search Form

Build an App: Save Search Query

Build an App: Submit Serach

Build an App: Render Search Results

Build an App: I'm Feeling Funny

Build an App: SearchForm Component

Build an App: Refactoring and Clean Up

Build an App: Adding Styles

How it Works: Rendering into the DOM

How it Works: Rendering Updates

Conclusion: Wrapping Up

React for Beginners: Build an App, and Learn the Fundamentals

Ryan Johnson gave you 1 free month of Skillshare

Get 1 free month of Skillshare

React for Beginners: Build an App, and Learn the Fundamentals

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile

English

English