- ホーム
- > 洋書
- > 英文書
- > Computer / Languages
Full Description
Learning ReactA hands-on guide to building maintainable, high-performing web application user interfaces using the React JavaScript library As far as new web frameworks and libraries go, React is quite the runaway success. It not only deals with the most common problems developers face when building complex apps, it throws in a few additional tricks that make building the visuals for such apps much, much easier.What React isn't, though, is beginner-friendly and approachable. Until now. In Learning React, author Kirupa Chinnathambi brings his fresh, clear, and very personable writing style to help you understand the fundamentals of React and how to use it to build really performant (and awesome) apps.Build your first React appCreate components to define parts of your UICombine components into other components to build more complex UIsUse JSX to specify visuals without writing full-fledged JavaScriptDeal with maintaining stateWork with React's way of styling contentMake sense of the mysterious component lifecycleBuild multi-page apps using routing and viewsOptimize your React workflow using tools such as Node, Babel, webpack, and othersContents at a GlanceChapter 1 Introducing React Chapter 2 Building Your First React App Chapter 3 Components in ReactChapter 4 Styling in ReactChapter 5 Creating Complex ComponentsChapter 6 Transferring Properties (Props) Chapter 7 Meet JSX-Again!Chapter 8 Dealing with StateChapter 9 Going from Data to UIChapter 10 Working with EventsChapter 11 The Component LifecycleChapter 12 Accessing DOM Elements Chapter 13 Creating a Single-Page App Using React RouterChapter 14 Building a Todo List App Chapter 15 Setting Up Your React Development EnvironmentChapter 16 The EndChapter 17 (Web Edition) Working With External DataChapter 18 (Web Edition) Creating a Sliding Menu Using React MotionRegister your book at informit.com/register for free access to the Web Edition and two exclusive bonus chapters.
Contents
Chapter 1 Introducing React Old School Multi-Page DesignNew School Single-Page AppsMeet React Automatic UI State Management Lightning-fast DOM Manipulation APIs to Create Truly Composable UIsVisuals Defined Entirely in JavaScriptJust the V in an MVC ArchitectureChapter 2 Building Your First React App Dealing with JSX Getting Your React OnDisplaying Your Name It's All Still Familiar Changing the Destination Styling It Up!Chapter 3 Components in ReactA Quick Review of FunctionsChanging How We Deal with the UIMeet the React ComponentCreating a Hello, World! ComponentSpecifying PropertiesDealing with ChildrenChapter 4 Styling in ReactDisplaying Some VowelsStyling React Content Using CSSUnderstand the Generated HTMLJust Style It Already! Styling Content the React WayCreating a Style ObjectActually Styling Our ContentYou Can Omit the "px" SuffixMaking the Background Color CustomizableChapter 5 Creating Complex ComponentsFrom Visuals to ComponentsIdentifying the Major Visual ElementsIdentifying the ComponentsCreating the ComponentsThe Card Component The Square ComponentThe Label ComponentPassing Properties, Again!Why Component Composability Rocks Chapter 6 Transferring Properties (Props) Problem Overview Detailed Look at the Problem Meet the Spread OperatorProperly Transferring PropertiesChapter 7 Meet JSX-Again!What Happens with JSX?JSX Quirks to RemembeYou Can Only Return A Single Root NodeYou Can't Specify CSS InlineReserved Keywords and classNameCommentsCapitalization, HTML Elements, and ComponentsYour JSX Can Be AnywhereChapter 8 Dealing with StateUsing StateOur Starting PointGetting Our Counter OnSetting the Initial State ValueStarting Our Timer and Setting StateRendering the State ChangeOptional: The Full CodeConclusionChapter 9 Going from Data to UIThe ExampleYour JSX Can Be Anywhere-Part IIDealing with Arrays in the Context of JSXChapter 10 Working with EventsListening and Reacting to EventsStarting PointMaking the Button Click Do SomethingEvent PropertiesDoing Stuff With Event PropertiesMore Eventing ShenanigansListening to Regular DOM EventsThe Meaning of this Inside the Event HandlerReact...Why? Why?!Browser CompatibilityImproved PerformanceChapter 11 The Component LifecycleMeet the Lifecycle MethodsSee the Lifecycle Methods in ActionThe Initial Rendering PhaseThe Updating PhaseThe Unmounting PhaseChapter 12 Accessing DOM Elements Meet RefsChapter 13 Creating a Single-Page App Using React RouterThe ExampleBuilding the App Displaying the Initial Frame Displaying the Home PageInterim Cleanup TimeDisplaying the Home Page Correctly Creating the Navigation LinksAdding the Stuff and Contact ViewsCreating Active Links Chapter 14 Building a Todo List App Getting Started Creating the UI Creating the FunctionalityInitializing our State Object Handling the Form Submit Populating Our State Displaying the Tasks Adding the Finishing Touches Chapter 15 Setting Up Your React Development EnvironmentMeet the ToolsNode.js Babel webpackYour Code Editor It Is Environment Setup Time!Setting up our Initial Project Structure Installing and Initializing Node.jsInstalling the React DependenciesAdding our JSX FileGoing from JSX to JavaScript Building and Testing Our App Chapter 16 The End
