Code React Sweetly

CodeSweetly

This is a sample of the book's content.Buy on Leanpub

Table of Contents

Code React Sweetly

Introduction
Getting Started with React
JSX
Components
Rendering Lists of Elements from an Array
- Each React Element in an Array Needs a Unique Key
- How to Add Unique Keys to Each React Element in an Array
- Essential Things to Know About Assigning Keys
Event Handling in React
- Types of Event Handlers
- What Is an Inline Event Handler in React?
- What Is a Referenced Event Handler in React?
- HTML vs. React Events: What’s the Difference?
- How to Use Arguments with a Component’s Event Handler
- How to Access an Event Object in React
React Fragments
- The Syntax of React Fragments
- Why Use React Fragments?
React State
React Trigger vs. Render vs. Commit vs. Paint
Ref Hook
Variables vs. Refs vs. States
Effect Hooks
Forms in React
Styling in React
Deploying React Apps
React Context
Building React Applications with Multi-Page Functionality
Adding Static Analysis Tools
Testing React Components
Epilogue

Code React Sweetly/React Fragments

React Fragments

https://leanpub.com/code-react-sweetly

The Syntax of React Fragments

https://leanpub.com/code-react-sweetly

Why Use React Fragments?

https://leanpub.com/code-react-sweetly

Example: Use a `<div>` container as a wrapper

https://leanpub.com/code-react-sweetly

Example: Use the explicit React Fragment as a wrapper

https://leanpub.com/code-react-sweetly

Example: Use the shorthand React Fragment as a wrapper

https://leanpub.com/code-react-sweetly

Up next

React State

In this chapter

React Fragments
The Syntax of React Fragments
Why Use React Fragments?