book

Beginning ReactJS Foundations Building User Interfaces with ReactJS

by Chris Minnick

March 2022

Beginner

512 pages

11h 20m

English

Wiley

Read now

Unlock full access

WHY THIS BOOK?WHAT'S COVERED IN THIS BOOK?WHAT'S NOT COVERED?PREREQUISITESINSTALLING REQUIRED DEPENDENCIESREADER SUPPORT FOR THIS BOOK
REACT WITHOUT A BUILD TOOLCHAININTERACTIVE “HELLO, WORLD” WITH CREATE REACT APP AND JSXSUMMARY
WHAT'S IN A NAME?UI LAYERVIRTUAL DOMTHE PHILOSOPHY OF REACTSUMMARY
JSX IS NOT HTMLWHAT IS JSX?SYNTAX BASICS OF JSXSUMMARY
WHAT IS A COMPONENT?COMPONENTS VS. ELEMENTSBUILT-IN COMPONENTSUSER-DEFINED COMPONENTSTYPES OF COMPONENTSREACT COMPONENT CHILDRENTHE COMPONENT LIFECYCLERENDERING COMPONENTSCOMPONENT TERMINOLOGYSUMMARY
INSTALLATION AND GETTING STARTEDINSPECTING COMPONENTSEDITING COMPONENT DATA IN DEVTOOLSWORKING WITH ADDITIONAL DEVTOOLS FUNCTIONALITYPROFILINGSUMMARY
ONE-WAY DATA FLOWPROPSREACT STATECONVERTING TO CLASS COMPONENTSSUMMARY
HOW EVENTS WORK IN REACTWHAT IS SYNTHETICEVENT?USING EVENT LISTENER ATTRIBUTESTHE EVENT OBJECTSUPPORTED EVENTSEVENT HANDLER FUNCTIONSSUMMARY

FORMS HAVE STATECONTROLLED INPUTS VS. UNCONTROLLED INPUTSLIFTING UP INPUT STATEUSING UNCONTROLLED INPUTSUSING DIFFERENT FORM ELEMENTSPREVENTING DEFAULT ACTIONSSUMMARY
WHAT REFS AREHOW TO CREATE A REF IN A CLASS COMPONENTHOW TO CREATE A REF IN A FUNCTION COMPONENTUSING REFSCREATING A CALLBACK REFWHEN TO USE REFSWHEN NOT TO USE REFSEXAMPLESSUMMARY
THE IMPORTANCE OF STYLESIMPORTING CSS INTO THE HTML FILEUSING PLAIN OLD CSS IN COMPONENTSWRITING INLINE STYLESCSS MODULESCSS-IN-JS AND STYLED COMPONENTSSUMMARY
WHAT ARE HOOKS?WHY WERE HOOKS INTRODUCED?RULES OF HOOKSTHE BUILT-IN HOOKSWRITING CUSTOM HOOKSLABELING CUSTOM HOOKS WITH USEDEBUGVALUEFINDING AND USING CUSTOM HOOKSSUMMARY
WHAT IS ROUTING?HOW ROUTING WORKS IN REACTUSING REACT ROUTERREACT ROUTER HOOKSSUMMARY
THE BEST LAID PLANSWHAT IS AN ERROR BOUNDARY?IMPLEMENTING AN ERROR BOUNDARYWHAT CAN'T AN ERROR BOUNDARY CATCH?SUMMARY
WHAT IS DEPLOYMENT?BUILDING AN APPHOW IS A DEPLOYED APP DIFFERENT?DEVELOPMENT MODE VS. PRODUCTIONPUTTING IT ON THE WEBSUMMARY
BUILDING YOUR OWN TOOLCHAINHOW WEBPACK WORKSAUTOMATING YOUR BUILD PROCESSSTRUCTURING YOUR SOURCE DIRECTORYSUMMARY
ASYNCHRONOUS CODE: IT'S ALL ABOUT TIMINGJAVASCRIPT NEVER SLEEPSWHERE TO RUN ASYNC CODE IN REACTWAYS TO FETCHGETTING DATA WITH FETCHGETTING DATA WITH AXIOSUSING WEB STORAGESUMMARY
WHAT IS PROP DRILLING?HOW CONTEXT API SOLVES THE PROBLEMCOMMON USE CASES FOR CONTEXTWHEN NOT TO USE CONTEXTCOMPOSITION AS AN ALTERNATIVE TO CONTEXTEXAMPLE APP: USER PREFERENCESSUMMARY
WHAT IS A PORTAL?COMMON USE CASESSUMMARY
WHY IS ACCESSIBILITY IMPORTANT?ACCESSIBILITY BASICSIMPLEMENTING ACCESSIBILITY IN REACT COMPONENTSSUMMARY
TESTINGSERVER-SIDE RENDERINGPEOPLE TO FOLLOWUSEFUL LINKS AND RESOURCESSUMMARY

Overview

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.