Primarily based on our React Necessities course, this e book makes use of hands-on examples to information you step-by-step via constructing a starter app and an entire, production-ready app, each crafted that can assist you shortly leverage React’s outstanding energy.
Your production-ready app will embody a cart, a login web page, and different e-commerce options.
What do it’s good to know?
Earlier than you dive into the e book, you’ll want to be aware of the fundamentals of HTML and CSS. It’s going to additionally assist to have a foundational information of JavaScript, though we are going to cowl some JavaScript ideas all through the e book. You’ll use these three languages as you construct your React software. No have to know something about React as we are going to take you thru it step-by-step.
What’s going to you be taught?
Parts
You’ll construct your software with purposeful parts and JSX. Utilizing parts will can help you reuse code throughout your software. Parts additionally assist manage your code in a logical means that makes it simpler to know and permits for the separation of issues.
Hooks
You’ll learn the way and when to make use of the most typical React hooks: useEffect, useState, useReducer, useRef, useContext, useMemo, and useCallback. You’ll have alternatives to match related hooks and select the one to suit your scenario finest. Moreover, we are going to stroll you thru making a customized hook with the intention to additional make the most of all hooks have to supply.
Sharing State
You’ll use props and context to share the state between parts and to maintain up with the state between a number of pages. We’ll evaluate the trade-offs between the strategies, so you possibly can choose which is finest for every use case in your software.
API Integration
You’ll apply connecting your app to a server utilizing each API requests and internet sockets with the intention to ship and obtain data. 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 check your React parts and flows utilizing React Testing Library. Additionally, you will achieve expertise writing end-to-end checks with Cypress, a strong testing framework for contemporary internet functions. Moreover, we are going to cowl establishing a mock server to check your software in a managed setting. By evaluating completely different testing strategies, you’ll be taught to decide on the simplest strategy to your wants.
Efficiency Tuning
When you’ve accomplished the 2 functions and honed your React expertise, you’ll dive into efficiency optimization. You’ll uncover easy methods to fine-tune your parts to make sure your functions reply shortly to consumer interactions. You’ll analyze the bundle dimension of your software and use lazy loading to scale back the time to first contentful paint. You’ll analyze a big web page that responds slowly to consumer 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 e book. A kind of might be React Router, which you’ll use to navigate your software. You’ll use PropTypes to specify the props coming into your parts, so you’ll know in case your parts obtain incorrect props. Additionally, you will use ESLint to test your software for coding errors and to implement coding type.
The place can you purchase the e book?
You’ll be able to order print and DRM-free digital copies from InformIT. Additionally it is accessible from Amazon and different booksellers.
If you would like the entire Huge Nerd Ranch expertise, enroll in certainly one of our bootcamps or convey us on-site with our company coaching.
Loren Klingman
Writer
Huge Nerd Ranch
