by Richard Gill | Publisher: Packt Publishing | Release Date: September 2017 | ISBN: 9781788479431

Build your own modern stateful web applications with confidence!About This VideoGet familiar with the essential tools you need to become a create a web app with ReactBuild modern stateful web applicationsUnderstand advanced react patternsIn DetailIn this course, you will learn how to build a message board website similar to the Reddit using the latest and greatest web technologies, including React - the reactive web framework developed by Facebook, and Firebase - the real-time serverless messaging framework from Google.The course starts off by Creating a message board application with React where we will create-react-app to scaffold a new project and understand what's in the scaffold. We will then learn to Add posts and style to our message board and load Reddit posts from a file. We will then track the application state in realtime with Firebase. We will conclude the course by going through advanced React Patterns by using components as a unit of styling and spreading props to wrap components.By the end of this hands-on practical React course, we will teach you everything you need to know to go forward with confidence and build your own modern stateful web applications.

1. Chapter 1 : Creating a Message Board Application with React
   • The Course Overview 00:05:05
   • Using create-react-app to Scaffold a New Project 00:03:40
   • What's in the Scaffold? 00:08:05
   • JSX 00:12:42
   • Building a Reddit Post Component 00:07:46
2. Chapter 2 : Adding Posts and Styling to Our Message Board
   • Inline styling 00:07:08
   • CSS Styling 00:10:57
   • Components with Props 00:09:20
   • Loading Reddit Posts from a File 00:11:03
3. Chapter 3 : Tracking Application State in Real-Time with Firebase
   • Setting Up Firebase 00:07:33
   • Reading Real-Time Data from Firebase 00:05:20
   • Writing Data to Firebase 00:03:50
4. Chapter 4 : Advanced React Patterns
   • Using Components as a Unit of Styling 00:07:18
   • Spreading Props to Wrap Components 00:06:58