Introduction to React

verfasst von: Cory Gackenheimer

Verlag: Apress

Enthalten in: Springer Professional "Wirtschaft+Technik" , Springer Professional "Technik" , Springer Professional "Wirtschaft"

Einloggen, um Zugang zu erhalten

Über dieses Buch

Introduction to React teaches you React, the JavaScript framework created by developers at Facebook, to solve the problem of building complex user interfaces in a consistent and maintainable way. React.js shrugs away common front-end conventions in an effort to make things more efficient - use Introduction to React to learn about this framework and more today.

Get to know the React API and it’s specific JavaScript extension, JSX, which makes authoring React components easier and maintainable. You will also learn how to test your React applications and about the tools you can use while building. Once you understand these core concepts, you can build applications with React. This will help you cement the ideas and fundamentals of React and prepare you to utilize React in your own

use case.

What You'll Learn:

How to use React to maintain complex user interfaces in an efficient wayHow to integrate existing user interfaces and move forward with ReactHow to manage application architecture using FluxHow to easily utilize JSX, React's JavaScript extension

Inhaltsverzeichnis

Frontmatter

Chapter 1. What Is React?

Abstract

You may have picked up this book with some level of JavaScript knowledge. There is also a high probability that you have an idea of what React is. This chapter highlights the key aspects of React as a framework, explains the problems it solves, and describes how you can utilize the features and the rest of the information contained in this book to better your web development practices and create complex, yet maintainable user interfaces using React.

Cory Gackenheimer

Chapter 2. The Core of React

Abstract

In the last chapter you got a taste of what React is and why it matters to you as a developer. It showcased how React compares to other frameworks and highlighted how it is different. There were several concepts that were introduced, but not covered in the detail that an introductory book should do. This chapter will cover the building blocks of React—its core structure and architecture—in depth.

Cory Gackenheimer

Chapter 3. JSX Fundamentals

Abstract

In the first chapter, you read about the case for why you should use React, and the benefits that React carries with it. The second chapter showcased the important core functions of React and how you can leverage the internal API of React—ReactElements and ReactComponents—in order to understand how to build a capable React application.

Cory Gackenheimer

Chapter 4. Building a React Web Application

Abstract

In the previous three chapters you were given an arsenal of information about React. Starting with what React is and how it differs from other JavaScript and user interface frameworks, you received a firm foundation for understanding the way React works. From there you were introduced to the core concepts of React and the features that come with it. Things like component creation and the rendering lifecycle were introduced. In the last chapter you were introduced to a powerful tenant in the React world, JSX. With JSX, you saw how you can succinctly create React components in an approachable and perhaps more maintainable way, compared to a plain JavaScript implementation.

Cory Gackenheimer

Chapter 5. Introducing Flux: An Application Architecture for React

Abstract

The first four chapters of this book introduced React, which is the JavaScript framework for creating user interfaces, a product of Facebook’s engineering team. What you have seen up to this point is sufficient to create robust user interfaces using React and to implement React into your new or existing application frameworks. However, there is more than just React to the React ecosystem. One of these items is Flux, an application framework created by Facebook to complement React in a way that displaces the standard Model-View-Controller (MVC) framework. This is not because there is necessarily anything wrong with MVC as it stands, but more because when you start building an application with React and dissecting your application logic into components, you will find that a framework, similar to the typical MVC, will not be as efficient or maintainable as something like Flux, which has been designed with React in mind and also has the ability to scale your application without an increasing maintenance cost.

Cory Gackenheimer

Chapter 6. Using Flux to Structure a React Application

Abstract

The previous chapter introduced you to the Flux project. Flux represents an efficient application architecture for React applications. You learned the basics of how Flux uses a dispatcher to send actions to the stores, which are then rendered into the DOM using React components. This was all finalized by taking a look at a trivial TodoMVC application that was structured utilizing Flux architecture. In this chapter, you will create a React application that is more involved than the TODO application and structure it according to Flux architecture.

Cory Gackenheimer

Backmatter

Titel: Introduction to React
verfasst von: Cory Gackenheimer
Verlag: Apress
Electronic ISBN: 978-1-4842-1245-5
Print ISBN: 978-1-4842-1246-2
DOI: https://doi.org/10.1007/978-1-4842-1245-5