Primarily based on our React Necessities course, this ebook makes use of hands-on examples to information you step-by-step by way of constructing a starter app and a whole, production-ready app, each crafted that will help you shortly leverage React’s exceptional energy.
Your production-ready app will embody a cart, a login web page, and different e-commerce options.
What do you want to know?
Earlier than you dive into the ebook, you’ll want to be accustomed to the fundamentals of HTML and CSS. It’ll additionally assist to have a foundational information of JavaScript, though we are going to cowl some JavaScript ideas all through the ebook. You’ll use these three languages as you construct your React utility. No must know something about React as we are going to take you thru it step-by-step.
What’s going to you study?
Elements
You’ll construct your utility with purposeful elements and JSX. Utilizing elements will assist you to reuse code throughout your utility. Elements additionally assist manage your code in a logical manner that makes it simpler to know and permits for the separation of issues.
Hooks
You’ll find out how and when to make use of the commonest React hooks: useEffect, useState, useReducer, useRef, useContext, useMemo, and useCallback. You’ll have alternatives to check related hooks and select the one to suit your state of affairs greatest. Moreover, we are going to stroll you thru making a customized hook as a way to additional reap the benefits of all hooks have to supply.
Sharing State
You’ll use props and context to share the state between elements and to maintain up with the state between a number of pages. We’ll evaluate the trade-offs between the strategies, so you’ll be able to choose which is greatest for every use case in your utility.
API Integration
You’ll observe connecting your app to a server utilizing each API requests and net sockets as a way to ship and obtain info. Additionally, you will discover ways to show loading and error states to maintain your customers within the loop throughout API interactions.
Testing
You’ll discover ways to totally take a look at your React elements and flows utilizing React Testing Library. Additionally, you will acquire expertise writing end-to-end assessments with Cypress, a robust testing framework for contemporary net functions. Moreover, we are going to cowl organising a mock server to check your utility in a managed atmosphere. By evaluating totally different testing strategies, you’ll study to decide on the best strategy in your wants.
Efficiency Tuning
When you’ve accomplished the 2 functions and honed your React abilities, you’ll dive into efficiency optimization. You’ll uncover the best way to fine-tune your elements to make sure your functions reply shortly to person interactions. You’ll analyze the bundle dimension of your utility and use lazy loading to scale back the time to first contentful paint. You’ll analyze a big web page that responds slowly to person enter and use instruments like memo, useMemo, useCallback, and useTransition to enhance responsiveness.
Useful Instruments
There are a number of group libraries that you’ll use all through this ebook. A type of will probably be React Router, which you’ll use to navigate your utility. You’ll use PropTypes to specify the props coming into your elements, so you’ll know in case your elements obtain incorrect props. Additionally, you will use ESLint to verify your utility for coding errors and to implement coding model.
The place can you purchase the ebook?
You’ll be able to order print and DRM-free digital copies from InformIT. It’s also out there from Amazon and different booksellers.
If you would like the entire Large Nerd Ranch expertise, enroll in certainly one of our bootcamps or carry us on-site with our company coaching.
Loren Klingman
Writer
Large Nerd Ranch
