Book Image

JavaScript by Example

By : Dani Akash S
Book Image

JavaScript by Example

By: Dani Akash S

Overview of this book

JavaScript is the programming language that all web developers need to learn. The first item on our JavaScript to-do list is building g a To-do list app, which you'll have done by the end of the first chapter. You'll explore DOM manipulation with JavaScript and work with event listeners. You'll work with images and text to build a Meme creator. You will also learn about ES (ECMAScript) classes, and will be introduced to layouts using the CSS3 Flexbox. You'll also develop a responsive Event Registration form that allows users to register for your upcoming event and use charts and graphics to display registration data. You will then build a weather application, which will show you different ways perform AJAX requests and work with dynamic, external data. WebRTC enables real-time communication in a web browser; you'll learn how to use it when you build a real-time video-call and chat application later in the book. Towards the end of the book, you will meet React, Facebook's JavaScript library for building user interfaces. You'll throw together a blog with React, and get a feel for why this kind of JavaScript framework is used to build large-scale applications. To make your blog more maintainable and scalable, you'll use Redux to manage data across React components.
Table of Contents (8 chapters)

Implementing Redux in the blog

Now that you have a good idea of why Redux is being used, let's get started with implementing Redux in our Blog application. This chapter uses the same server that you used in the preceding chapter, hence, you will have to keep the server running while working on this chapter too.

The starter files for this chapter are the same as the completed code file from the preceding chapter, except the package.json file, which has the following new libraries included in its dependencies:

  • redux
  • react-redux
  • redux-thunk
  • redux-persist
  • localforage

We'll see what each of these libraries does while building our application. We will use the same .env file that we used in the preceding chapter with the REACT_APP_SERVER_URL environment variable, whose value is the URL of the running server. Navigate to the project root folder in your terminal and execute...