Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:11Length:1.7 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Five Practical Examples to Learn React

React is one of the most popular web frameworks. And let's be honest: there are lots of tutorials and articles out there to help you get started with React. But this course is a little different, because in it you're going to learn React by writing components that you could incorporate into your own applications.

Along the way, you'll learn all the basics of coding React components. You'll learn about JSX, events, managing state and passing props. You'll also learn about some other key concepts like higher-order components, lifecycle methods, and using third-party libraries.

1.1 Five Practical Examples to Learn React

React is one of the most popular UI frameworks. And let's be real here, there are tons of tutorials and articles available on how to get started with React. But in this course you're going to learn React by writing components that you could incorporate into your own applications. Well, for the most part. Hi, I am Jeremy McPeak for Tutsplus. And we'll start with an admittedly not so practical example of Hello World! Now this is after all a course about programming and thus we must perform the Hello World incantation. But after learning the absolute basics you'll learn the key concepts with some practical examples. Like for example you'll learn how to use JSX and pass data to your components by creating a Bootstrap button group component. You'll then learn how to write stateful components and build higher ordered components by creating a digital clock. Now that doesn't sound very exciting, but this is going to be a flexible clock, and it gives you complete control as to how it's rendered. And then we'll build a selection component. And you'll learn how to handle events and communicate between parent and child components. And then, we'll look at the tools you'll need for everyday React development because there's quite a bit, but you'll learn how to get Babel and Webpack and use them to build your components into a single file. We'll then use those tools as we write our final component, an AJAX powered navbar. And so we have a lot of ground to cover, so when you're ready, queue up the next video and we will get started.