Share E-Book
Scan to open this page

Scan with your phone to open this page

Author: Eve Porcello, Alex Banks

Rating No ratings yet

If you want to learn how to build efficient React applications, this is your book. Ideal for web developers and software engineers who understand how JavaScript, CSS, and HTML work in the browser, this updated edition provides best practices and patterns for writing modern React code. No prior knowledge of React or functional programming is necessary. Authors Alex Banks and Eve Porcello show you how to create UIs that can deftly display changes without page reloads on large-scale data-driven websites. You'll also discover how to work with functional programming and the latest ECMAScript features. Once you learn how to build React components with this hands-on guide, you'll understand just how useful React can be in your organization. Understand key functional programming concepts with JavaScript Look under the hood to learn how React runs in the browser Create application presentation layers with React components Manage data and reduce the time you spend debugging applications Explore React's component lifecycle to improve UI performance Use a routing solution for single-page application features Learn how to structure React applications with servers in mind

AI Reading Assistant

Whole-book reading guide from stratified index samples; jump to passages in the text

Brief outline
【One-Line Pitch】 If you want to learn how to build efficient React applications, this is your book. Ideal for web developers and softw… 【Book Arc】 - **Opening (~0%–12%)**: No prior knowledge of React or functional programming is necessary.; we create five divs to appear within a container. - **Early (~12%–35%)**: // ["Washington & Liberty", "Wakefield"] Array.filter is a built-in JavaScript function that produces a new array from a source array.; e skipped, and the current distinct array will be returned. - **Middle (~35%–65%)**: another application altogether.; Think of a side effect as something that a function does that isn’t part of the return. - **Late (~65%–88%)**: } We’ve added a handleSearch method.; Plus, this is all going to change. - **Ending (~88%–100%)**: } The official docs call the config element, but you can choose to call it whatever you like.; Universal JavaScript is JavaScript that can run on the server or in the browser without error (see Figure 12-1). 【Key Takeaways】 - **No prior knowledge of…** (Opening): No prior knowledge of React or functional programming is necessary. - **we create five divs to…** (Opening): we create five divs to appear within a container. - **tructuring or putting…** (Opening): tructuring or putting the object back together. - **// ["Washington & Liberty"** (Early): // ["Washington & Liberty", "Wakefield"] Array.filter is a built-in JavaScript function that produces a new array from a source array. - **e skipped** (Early): e skipped, and the current distinct array will be returned. - **that’s added in betwee…** (Early): that’s added in between the curly braces will get evaluated. 【Reading Tips】 - Use Passage locations below to jump into the text and set reading anchors - Chinese and English guides are each generated once, then served from local cache without calling the model again 【Coverage Limits】 Compressed outline without the model (~33 index chunks). Full structured guide needs AI available.
Page 18
ed luck. We used YUI when we created the training materials for the full-stack JavaScript program we taught internally at Yahoo. Then in August 2014, develop...
View in text
Excerpt 2
e skipped, and the current distinct array will be returned. map and reduce are the main weapons of any functional programmer, and JavaScript is no exception....
View in text
Excerpt 3
className="recipes"> {recipes.map((recipe, i) => ( <Recipe key={i} {...recipe} /> </div> </article> } export default Menu; We still need to use ReactDOM to r...
View in text
Excerpt 4
hat causes a component to render whenever a key is pressed: const useAnyKeyToRender = () => { const [, forceRender] = useState(); useEffect(() => { window.ad...
View in text
Excerpt 5
can see that in Figure 8-2. export function useFetch(uri) { const [data, setData] = useState(); const [error, setError] = useState(); const [loading, setLoad...
View in text
Excerpt 6
the right component composition to handle all three states. The loadStatus function is still throwing a promise, but there’s now a Suspense component configu...
View in text
Excerpt 7
he functionality of expect to include this function: expect.extend({ toHaveAttribute }); Now instead of using toBeTruthy, which gives us hard-to-read message...
View in text
Excerpt 8
React setState function, useReducer to Handle Complex State shouldComponentUpdate method, shouldComponentUpdate and PureCompone
View in text
Tags
AI categories
JavaScript
ISBN: 1492051721
Publisher: O'Reilly Media
Publish Year: 2020
Language: English
Pages: 488
File Format: PDF
File Size: 4.7 MB
Text Preview (First 20 pages)
Registered users can read the full content for free

Register as a Gaohf Library member to read the complete e-book online for free and enjoy a better reading experience.

Generating text preview…