What this book covers
Chapter 1, Creating Our App Structure, gives a brief overview of what exactly you will
be learning to build-- a real-time chat application with push notifications and offline
support. You will get to learn about the challenges that such an app presents, and get a
brief overview of the technologies that will be discussed in this book. By the end of the
chapter, you will set up the application structure of a chat app, with HTML and CSS.
Chapter 2, Getting Started with Webpack, says that before you write any React code,
you need to set up the webpack build process. In this chapter, you will be introduced to
webpack; you will learn to install the package and set up some basic configuration as well
as get the development server running. This chapter will get you ready to jump into
React.
Chapter 3, Our App's Login Page, introduces you to React time! In this chapter, you will
learn to write the first two components: an App wrapper to contain the application and a
LoginContainer. Learn about rendering with ReactDOM and JSX, and write a basic form
to allow the users to log in. By the end of this chapter, you will be familiar and
comfortable with the React syntax.
Chapter 4, Easy Backend Setup With Firebase, informs that the login form looks great,
but is lacking actual functionality. To move forward, you will need a backend database
and authentication solution to communicate with it. This chapter will introduce you to
Firebase by Google. Set up the application on the Firebase console, and then program the
login and signup functionality for the form.
Chapter 5, Routing with React, lets you know that once the user logs in, you want to
redirect them to the main chat view. Therefore, in this chapter, you will learn to build that
main view and then set up the React Router that allows the users to move between the
pages. Lastly, learn to add a third view the individual user view--and explore parameter
matching in URLs.
Chapter 6, Completing Our App, takes you through the last step in building the basic
application, adding functionality to the chat and user views. You will learn to write and
read data from Firebase, taking advantage of React life cycle methods to do so. Once
that’s done, your web application will be complete, but it’s not quite progressive yet!
Chapter 7, Adding a Service Worker, covers service workers and how they work. Here,
you'll understand how to register a custom service worker and learn about its life cycle,