Book Image

React.js Academy for Beginners with Firebase [Video]

By : Chris Dixon
Book Image

React.js Academy for Beginners with Firebase [Video]

By: Chris Dixon

Overview of this book

React is one of the most popular and in-demand technologies in modern web development. Using a component-based approach, React allows you to build interactive user interfaces using JavaScript. This course is designed to teach you everything you need to know to build modern applications using React. You’ll learn to build a Trello-inspired project that will enable you to take advantage of React's features: • Scaffolding projects using the Create React app • React file and folder structures and what they do • What components are and how to use them • Writing JSX • Class-based and function components • Managing state • Looping through data • Using props to pass data and methods to components You won't stop there! Even though React handles the user interface for us, most apps also need a backend. You’ll use Firebase to provide a real-time database for your project. This will help you not only to store your data, but also to be subscribed to any database changes as they happen. You’ll learn how to do the following: • Set up a Firestore database • Push and read data from our database • Update and delete data • Sort and filter data • Work with real-time data using onSnapshot This course will guide you in using Firebase to handle authentication. Users can sign up and log in and out, allowing them to have their own personal boards that only they can see and edit. You’ll also take advantage of React's Context API to pass the user's auth state throughout your application and handle conditional rendering. To round things off, you’ll look at how to build your project for production and then deploy it for the world to see! All the codes and supporting files for this course are available at - https://github.com/PacktPublishing/React.js-Academy-for-Beginners-with-Firebase
Table of Contents (11 chapters)
Chapter 9
User authentication and React context
Content Locked
Section 3
User sign up
User authentication and React context: User sign up