React Key Concepts

2. Understanding React Components and JSX

Learning Objectives

By the end of this chapter, you will be able to do the following:

– Define what exactly components are

– Build and use components effectively

– Utilize common naming conventions and code patterns

– Describe the relation between components and JSX

– Write JSX code and understand why it's used

– Write React components without using JSX code

– Write your first React apps

Introduction

In the previous section, you learned about React in general, what it is and why you could consider using it for building user interfaces. You also learned how to create React projects with the help of npx create-react-app.

In this chapter, you will learn about one of the most important React concepts ...