Beginning ReactJS Foundations Building User Interfaces with ReactJS: An Approachable Guide
- Length: 512 pages
- Edition: 1
- Language: English
- Publisher: Wiley
- Publication Date: 2022-02-11
- ISBN-10: 1119685540
- ISBN-13: 9781119685548
- Sales Rank: #217682 (See Top 100 Books)
Quickly learn the most widely used front-end development language with ease and confidence
React JS Foundations: Building User Interfaces with ReactJS – An Approachable Guide walks readers through the fundamental concepts of programming with the explosively popular front-end tool known as React JS.
Written by an accomplished full-stack engineer, speaker, and community organizer, React JS Foundations teaches readers how to understand React and how to begin building applications with it. The book:
- Explains and clarifies technical terminology with relevant and modern examples to assist people new to programming understand the language
- Helps experienced programmers quickly get up to speed with React
- Is stocked throughout with practical and applicable examples of day-to-day React work
Perfect for beginner, intermediate, and advanced programmers alike, React JS Foundations will quickly bring you up to speed on one of the most useful and widely used front-end languages on the web today. You can start building your first application today.
COVER TABLE OF CONTENTS TITLE PAGE INTRODUCTION WHY THIS BOOK? WHAT'S COVERED IN THIS BOOK? WHAT'S NOT COVERED? PREREQUISITES INSTALLING REQUIRED DEPENDENCIES READER SUPPORT FOR THIS BOOK 1 Hello, World! REACT WITHOUT A BUILD TOOLCHAIN INTERACTIVE “HELLO, WORLD” WITH CREATE REACT APP AND JSX SUMMARY 2 The Foundation of React WHAT'S IN A NAME? UI LAYER VIRTUAL DOM THE PHILOSOPHY OF REACT SUMMARY 3 JSX JSX IS NOT HTML WHAT IS JSX? SYNTAX BASICS OF JSX SUMMARY 4 All About Components WHAT IS A COMPONENT? COMPONENTS VS. ELEMENTS BUILT-IN COMPONENTS USER-DEFINED COMPONENTS TYPES OF COMPONENTS REACT COMPONENT CHILDREN THE COMPONENT LIFECYCLE RENDERING COMPONENTS COMPONENT TERMINOLOGY SUMMARY 5 React DevTools INSTALLATION AND GETTING STARTED INSPECTING COMPONENTS EDITING COMPONENT DATA IN DEVTOOLS WORKING WITH ADDITIONAL DEVTOOLS FUNCTIONALITY PROFILING SUMMARY 6 React Data Flow ONE-WAY DATA FLOW PROPS REACT STATE CONVERTING TO CLASS COMPONENTS SUMMARY 7 Events HOW EVENTS WORK IN REACT WHAT IS SYNTHETICEVENT? USING EVENT LISTENER ATTRIBUTES THE EVENT OBJECT SUPPORTED EVENTS EVENT HANDLER FUNCTIONS SUMMARY 8 Forms FORMS HAVE STATE CONTROLLED INPUTS VS. UNCONTROLLED INPUTS LIFTING UP INPUT STATE USING UNCONTROLLED INPUTS USING DIFFERENT FORM ELEMENTS PREVENTING DEFAULT ACTIONS SUMMARY 9 Refs WHAT REFS ARE HOW TO CREATE A REF IN A CLASS COMPONENT HOW TO CREATE A REF IN A FUNCTION COMPONENT USING REFS CREATING A CALLBACK REF WHEN TO USE REFS WHEN NOT TO USE REFS EXAMPLES SUMMARY 10 Styling React THE IMPORTANCE OF STYLES IMPORTING CSS INTO THE HTML FILE USING PLAIN OLD CSS IN COMPONENTS WRITING INLINE STYLES CSS MODULES CSS-IN-JS AND STYLED COMPONENTS SUMMARY 11 Introducing Hooks WHAT ARE HOOKS? WHY WERE HOOKS INTRODUCED? RULES OF HOOKS THE BUILT-IN HOOKS WRITING CUSTOM HOOKS LABELING CUSTOM HOOKS WITH USEDEBUGVALUE FINDING AND USING CUSTOM HOOKS SUMMARY 12 Routing WHAT IS ROUTING? HOW ROUTING WORKS IN REACT USING REACT ROUTER REACT ROUTER HOOKS SUMMARY 13 Error Boundaries THE BEST LAID PLANS WHAT IS AN ERROR BOUNDARY? IMPLEMENTING AN ERROR BOUNDARY WHAT CAN'T AN ERROR BOUNDARY CATCH? SUMMARY 14 Deploying React WHAT IS DEPLOYMENT? BUILDING AN APP HOW IS A DEPLOYED APP DIFFERENT? DEVELOPMENT MODE VS. PRODUCTION PUTTING IT ON THE WEB SUMMARY 15 Initialize a React Project from Scratch BUILDING YOUR OWN TOOLCHAIN HOW WEBPACK WORKS AUTOMATING YOUR BUILD PROCESS STRUCTURING YOUR SOURCE DIRECTORY SUMMARY 16 Fetching and Caching Data ASYNCHRONOUS CODE: IT'S ALL ABOUT TIMING JAVASCRIPT NEVER SLEEPS WHERE TO RUN ASYNC CODE IN REACT WAYS TO FETCH GETTING DATA WITH FETCH GETTING DATA WITH AXIOS USING WEB STORAGE SUMMARY 17 Context API WHAT IS PROP DRILLING? HOW CONTEXT API SOLVES THE PROBLEM COMMON USE CASES FOR CONTEXT WHEN NOT TO USE CONTEXT COMPOSITION AS AN ALTERNATIVE TO CONTEXT EXAMPLE APP: USER PREFERENCES SUMMARY 18 React Portals WHAT IS A PORTAL? COMMON USE CASES SUMMARY 19 Accessibility in React WHY IS ACCESSIBILITY IMPORTANT? ACCESSIBILITY BASICS IMPLEMENTING ACCESSIBILITY IN REACT COMPONENTS SUMMARY 20 Going Further TESTING SERVER-SIDE RENDERING PEOPLE TO FOLLOW USEFUL LINKS AND RESOURCES SUMMARY INDEX COPYRIGHT DEDICATION ABOUT THE AUTHOR ABOUT THE TECHNICAL EDITOR ACKNOWLEDGMENTS END USER LICENSE AGREEMENT
Donate to keep this site alive
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.