Author's Note
Acknowledgements
Beta Tester's Note

Chapter 1: JavaScript Basics

First encounter with JavaScript
Variables and constants
Data type
Type conversion
operator
Conditional statements
loop
function
scope
object
arrangement

Chapter 2: JavaScript in Practice

truthy & falsy
Paragraph evaluation
A closer look at object data types
Applying loops
Structural Decomposition Allocation
Spread operator and rest parameter
Arrays and Methods
Date objects and dates
Asynchronous processing

Chapter 3 Node.js

What is Node.js?
Setting up the Node.js environment
Visual Studio Code
Node.js package
Node.js module system
Using the library

Chapter 4: Getting Started with React

React Features
Building a React App
How React Apps Work

Chapter 5: Handling React's Basic Features

component
JSX
Passing values ​​to components
Processing events
Components and State
Ref

Project 1: Creating a [Counter] App
Preparing the Project
Implementing the UI
Implementing the function

Chapter 6: Life Cycle and React Developer Tools

React component life cycle
useEffect
React Developer Tools

Project 2: Creating a [To-Do Management] App
Preparing the Project
Implementing the UI
Preparing to implement the feature
Create: Add a task
Read: Rendering a To-Do List
Update: Editing a task
Delete: Delete a task

Chapter 7: useReducer and State Management

Understanding useReducer
[To-Do Management] App Upgrade

Chapter 8 Optimization

Optimization and memoization
Prevent unnecessary function re-calls
Prevent unnecessary component re-rendering
Prevent unnecessary function regeneration

Chapter 9: Supplying Data to the Component Tree

Context
Refactoring the [To Do] App with Context

Project 3: Creating an Emotional Diary
Preparing the Project
Page Routing
Routing Pages with React Router
Dynamic route routing with React Router
Implementing Common Components 1: Button and Header Components
Implementing Common Components 2: Editor Components
Setting common styles
Creating a diary management function
Implementing the Home Page
Implementing a Diary Page
Implementing a New Page
Implementing the Edit page
Optimization

Chapter 10: Using Web Storage

Web Storage
Storing weather data in web storage

Chapter 11 [Emotional Diary] Distribution

Preparing to Deploy the [Emotional Diary] Project
Deploying a React App

Search

I recommend this to these people

- Those who are hesitant to study React due to lack of basic JavaScript knowledge
- Job seekers who are new to React and want to become front-end developers
- Those who are looking to transition from publisher or backend to frontend or who need React for work purposes
- Those who are using other frameworks such as Vue and Svelte and want to learn practical React
- New developers who lack basic JavaScript or React skills

Infraon brings Udemy's best courses to book form.

The 2022 "React in Bite-Sized Pieces" course was born from the instructor's belief that "there's always an easier way to teach."
In a market dominated by rigid, theoretical explanations, this course introduces React in an easy and fun way, using appropriate analogies and examples to help you grasp the concepts.
This course, which has been taken by over 5,000 people over a period of about a year, and is still being shared by over 500 passionate students through social media, has been made into a book.

I found a friendly React book that fits in one bite.

There is one common story among beta testers who first encountered this book.
Unlike existing React books, it is very friendly.
The beta testers' comments, such as 'really easy to read', 'kind', 'feeling like getting tutoring', and 'friendly', well describe the characteristics of this book.
The author's dedication to beginners is evident throughout this book, from his efforts to explain things in an easy-to-understand manner using everyday terms and metaphors, to his sense of explaining difficult concepts with diagrams and supplementary explanations like "TIP," to his detailed code examples and explanations.

A selection of essential JavaScript essentials for working with React.

One of the places where beginners often get stuck when learning React is when they encounter unfamiliar JavaScript syntax.
The concept of React is not easy, but the difficulty of studying increases significantly as it includes JavaScript grammar that is not well covered in basic books.
This book provides a solid foundation in JavaScript grammar, including the basics, callback functions, object utilization, array methods, and asynchrony, which are frequently used in practice but are not as familiar as they might seem, with easy explanations and examples.

Get familiar with React development with three step-by-step project implementations.

In this book, you will create three project apps: [Counter], [To-Do List], and [Emotion Diary].
Project implementation is a spiral-like iterative learning structure that gradually expands highly related functions from lower to higher levels.
In short, the code implementation is similar so you can get used to it quickly, but the complexity of the functions gradually increases.
Implementation also takes place at various levels, ranging from functional expansion to upgrading existing code and refactoring based on requirements analysis.
Therefore, by repeatedly implementing React's features, you will solidify your fundamentals and develop the ability to think about how to integrate new features with existing code.