React for Beginners: Build an App, and Learn the Fundamentals | Ryan Johnson | Skillshare

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

Ryan Johnson, Full-Stack Developer, React, Node.js

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
18 Videos (58m)
    • Introduction

      1:18
    • Introducing Codesandbox

      1:54
    • Fundamentals: Components

      5:05
    • Fundamentals: JSX

      3:40
    • Build an App: Introduction

      4:07
    • Build an App: Component State

      5:11
    • Build an App: Lifecycle Methods

      3:55
    • Build an App: Add Search Form

      3:56
    • Build an App: Save Search Query

      2:23
    • Build an App: Submit Serach

      3:40
    • Build an App: Render Search Results

      2:49
    • Build an App: I'm Feeling Funny

      2:20
    • Build an App: SearchForm Component

      4:26
    • Build an App: Refactoring and Clean Up

      3:13
    • Build an App: Adding Styles

      3:41
    • How it Works: Rendering into the DOM

      1:43
    • How it Works: Rendering Updates

      2:58
    • Conclusion: Wrapping Up

      1:22
11 students are watching this class

About This Class

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:

  • 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.

What knowledge & tools are required?

  • JavaScript, HTML, and CSS fundamentals are required
  • Not required, but experience with JavaScript ES6+ is beneficial
  • No prior experience with React is required

Additional Resources

13

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Ryan Johnson

Full-Stack Developer, React, Node.js

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 k...

See full profile

Report class