Build a Reddit-Like Messaging Board with React and Firebase [Video]

Preview in Mapt

Build a Reddit-Like Messaging Board with React and Firebase [Video]

Richard Gill

Build your own modern stateful web applications with confidence!
Mapt Subscription
FREE
$29.99/m after trial
Video
$106.25
RRP $124.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$106.25
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Build a Reddit-Like Messaging Board with React and Firebase [Video] Book Cover
Build a Reddit-Like Messaging Board with React and Firebase [Video]
$ 124.99
$ 106.25
ReactJS and Flux: Learn By Building 10 Projects [Video] Book Cover
ReactJS and Flux: Learn By Building 10 Projects [Video]
$ 58.99
$ 50.15
Buy 2 for $35.00
Save $148.98
Add to Cart

Video Details

ISBN 139781788479431
Course Length1 hour 46 minutes

Video Description

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

Style and Approach

The video is packed with step-by-step instructions, working examples, and helpful advice. Designed to introduce you to tools in web development, this practical course focuses on the areas of most interest to you.

Table of Contents

Creating a Message Board Application with React
The Course Overview
Using create-react-app to Scaffold a New Project
What's in the Scaffold?
JSX
Building a Reddit Post Component
Adding Posts and Styling to Our Message Board
Inline styling
CSS Styling
Components with Props
Loading Reddit Posts from a File
Tracking Application State in Real-Time with Firebase
Setting Up Firebase
Reading Real-Time Data from Firebase
Writing Data to Firebase
Advanced React Patterns
Using Components as a Unit of Styling
Spreading Props to Wrap Components

What You Will Learn

  • Create a message board application
  • Get to know JSX
  • Explore styling the message board
  • Set up firebase
  • Read and write data from Firebase
  • Understand advanced React patterns

Authors

Table of Contents

Creating a Message Board Application with React
The Course Overview
Using create-react-app to Scaffold a New Project
What's in the Scaffold?
JSX
Building a Reddit Post Component
Adding Posts and Styling to Our Message Board
Inline styling
CSS Styling
Components with Props
Loading Reddit Posts from a File
Tracking Application State in Real-Time with Firebase
Setting Up Firebase
Reading Real-Time Data from Firebase
Writing Data to Firebase
Advanced React Patterns
Using Components as a Unit of Styling
Spreading Props to Wrap Components

Video Details

ISBN 139781788479431
Course Length1 hour 46 minutes
Read More

Read More Reviews

Recommended for You

ReactJS and Flux: Learn By Building 10 Projects [Video] Book Cover
ReactJS and Flux: Learn By Building 10 Projects [Video]
$ 58.99
$ 50.15
Learning GraphQL with React and Relay [Video] Book Cover
Learning GraphQL with React and Relay [Video]
$ 124.99
$ 106.25
Building User interface using React and Flux [Video] Book Cover
Building User interface using React and Flux [Video]
$ 124.99
$ 106.25
Learn C# With Windows Forms and SQL Server [Video] Book Cover
Learn C# With Windows Forms and SQL Server [Video]
$ 98.99
$ 84.15
Building a Web Application with Spring and Angular [Video] Book Cover
Building a Web Application with Spring and Angular [Video]
$ 124.99
$ 106.25
Infrastructure as a Service Solutions with Azure [Video] Book Cover
Infrastructure as a Service Solutions with Azure [Video]
$ 124.99
$ 106.25