Learning React: Learning
Autor Kirupa Chinnathambien Limba Engleză Paperback – 3 aug 2018
Provocarea principală pentru un dezvoltator web aflat la început de drum nu este neapărat sintaxa JavaScript, ci schimbarea de paradigmă impusă de bibliotecile moderne. Putem afirma că Learning React rezolvă exact această problemă de adaptare, oferind un flux de lucru practic pentru construcția aplicațiilor web performante folosind React și Redux. Ne-a atras atenția modul în care Kirupa Chinnathambi demitizează conceptele dificile prin diagrame și ilustrații, transformând o curbă de învățare abruptă într-un proces vizual și logic. Suntem de părere că forța acestui volum rezidă în abordarea sa 'hands-on', care permite rularea primei aplicații în doar câteva minute de la deschiderea cărții.
Structura este organizată metodologic pentru a facilita progresia: se pornește de la bazele arhitecturii MVC (unde React ocupă rolul de View), se trece prin manipularea rapidă a DOM-ului și se ajunge la crearea de componente complexe și compozabile. Cititorul care a aplicat deja conceptele fundamentale din React in Action va găsi aici o completare esențială prin accentul pus pe vizualizarea fluxurilor de date și pe tehnici specifice de stilizare a conținutului direct în JavaScript. Spre deosebire de Introduction to React, care se concentrează pe API-ul standard, lucrarea de față pune un accent mai mare pe experiența practică a utilizatorului și pe gestionarea stării UI.
În contextul operei sale, autorul continuă linia pedagogică începută în JavaScript Absolute Beginner's Guide, păstrând tonul accesibil, dar aplicându-l acum pe un ecosistem profesional. Cartea nu se rezumă la teorie, ci ghidează cititorul prin detalii tehnice precum utilizarea JSX, definirea proprietăților componentelor și transformarea elementelor vizuale în cod reutilizabil, totul sub egida seriei Learning.
Preț: 228.35 lei
Preț vechi: 285.44 lei
-20%
Carte disponibilă
Livrare economică 01-15 mai
Livrare express 17-23 aprilie pentru 29.87 lei
Specificații
ISBN-10: 013484355X
Pagini: 304
Dimensiuni: 179 x 229 x 17 mm
Greutate: 0.49 kg
Ediția:2. Auflage
Editura: Pearson Education (US)
Colecția Learning
Seria Learning
De ce să citești această carte
Recomandăm această carte programatorilor care doresc să treacă de la dezvoltarea web clasică la arhitectura modernă bazată pe componente. Este ideală pentru cei care învață mai eficient prin exemple vizuale și proiecte imediate, oferind o bază solidă în React și Redux fără jargonul tehnic excesiv care blochează adesea progresul începătorilor.
Despre autor
Kirupa Chinnathambi este un autor recunoscut pentru capacitatea sa de a preda tehnologii web complexe într-o manieră relaxată și accesibilă. Cu o experiență vastă în ecosistemul JavaScript, el a semnat lucrări de referință precum JavaScript Absolute Beginner's Guide și Html5 Canvas. Stilul său se caracterizează prin utilizarea intensă a elementelor vizuale pentru a explica logica din spatele codului, o abordare care a ajutat mii de dezvoltatori să facă pasul de la HTML/CSS la programarea avansată de interfețe.
Descriere scurtă
A hands-on guide to building web applications using React and Redux
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 web developers new to React understand its fundamentals and how to use it to build really performant (and awesome) apps.
The only book on the market that helps you get your first React app up and running in just minutes, Learning React is chock-full of colorful illustrations to help you visualize difficult concepts and practical step-by-step examples to show you how to apply what you learn.
- Build your first React app
- Create components to define parts of your UI
- Combine components into other components to build more complex UIs
- Use JSX to specify visuals without writing full-fledged JavaScript
- Deal with maintaining state
- Work with React's way of styling content
- Make sense of the mysterious component lifecycle
- Build multi-page apps using routing and views
- Optimize your React workflow using tools such as Node, Babel, webpack, and others
- Use Redux to make managing your app data and state easy
1 Introducing React2 Building Your First React App3 Components in React4 Styling in React5 Creating Complex Components6 Transferring Properties7 Meet JSX... Again!8 Dealing with State in React9 Going from Data to UI in React10 Events in React11 The Component Lifecycle12 Accessing DOM Elements in React13 Setting Up Your React Dev Environment14 Working with External Data in React15 Building an Awesome Todo List App in React16 Creating a Sliding Menu in React17 Avoiding Unnecessary Renders in React18 Creating a Single-Page App in React Using React Router19 Introduction to Redux20 Using Redux with React
Notă biografică
In 1999, before blogging was even a word, he started posting tutorials on kirupa.com. In the years since then, he has written hundreds of articles, penned a few books (none as good as this one, of course!), and recorded a bunch of videos you can find on YouTube. When he isn't writing or talking about web development, he spends his waking hours helping make the web more awesome as a Program Manager at Microsoft. In his nonwaking hours, he is probably sleeping-or writing about himself in the third person.
You can find him on Twitter (twitter.com/kirupa), Facebook (facebook.com/kirupa), or email (kirupa@kirupa.com). Feel free to contact him anytime.
Cuprins
Old-School Multipage Design2 Building Your First React App
New-School Single-Page Apps
Meet React
Automatic UI State Management
Lightning-Fast DOM Manipulation
APIs to Create Truly Composable UIs
Visuals Defined Entirely in JavaScript
Just the V in an MVC Architecture
Dealing with JSX3 Components in React
Getting Your React On
Displaying Your Name
It's All Still Familiar
Changing the Destination
Styling It Up!
Quick Review of Functions4 Styling in React
Changing How We Deal with UI
Meet the React Component
Creating a Hello, World! Component
Specifying Properties
First Part: Updating the Component Definition
Second Part: Modifying the Component Call
Dealing with Children
Displaying Some Vowels5 Creating Complex Components
Styling React Content Using CSS
Understand the Generated HTML
Just Style It Already!
Styling Content the React Way
Creating a Style Object
Actually Styling Our Content
Making the Background Color Customizable
From Visuals to Components6 Transferring Properties
Identifying the Major Visual Elements
Identifying the Components
Creating the Components
The Card Component
The Square Component
The Label Component
Passing Properties, Again!
Why Component Composability Rocks
Problem Overview7 Meet JSX…Again!
Detailed Look at the Problem
Meet the Spread Operator
A Better Way to Transfer Properties
What Happens with JSX?8 Dealing with State in React
JSX Quirks to Remember
Evaluating Expressions
Returning Multiple Elements
You Can't Specify CSS Inline Comments
Capitalization, HTML Elements, and Components
Your JSX Can Be Anywhere
Using State9 Going from Data to UI in React
Our Starting Point
Getting Our Counter On
Setting the Initial State Value
Starting Our Timer and Setting State
Rendering the State Change
Optional: The Full Code
The Example10 Events in React
Your JSX Can Be Anywhere, Part II
Dealing with Arrays
Listening and Reacting to Events11 The Component Lifecycle
Starting Point
Making the Button Click Do Something
Event Properties
Meet Synthetic Events
Doing Stuff with Event Properties
More Eventing Shenanigans
You Can't Directly Listen to Events on Components
Listening to Regular DOM Events
The Meaning of this Inside the Event Handler
React…Why? Why?
Browser Compatibility
Improved Performance
Meet the Lifecycle Methods12 Accessing DOM Elements in React
See the Lifecycle Methods in Action
The Initial Rendering Phase
Getting the Default Props
Getting the Default State
componentWillMount
render
componentDidMount
The Updating Phase
Dealing with State Changes
shouldComponentUpdate
componentWillUpdate
render
componentDidUpdate
Dealing with Prop Changes
The Unmounting Phase
The Colorizer Example13 Setting Up Your React Dev Environment Easily
Meet Refs
Using Portals
Meet Create React14 Working with External Data in React
Making Sense of What Happened
Creating Our HelloWorld App
Creating a Production Build
Web Request 10115 Building an Awesome Todo List App in React
It's React Time!
Getting Started
Getting the IP Address
Kicking the Visuals Up a Notch
Getting Started16 Creating a Sliding Menu in React
Creating the Initial UI
Building the Rest of the App
Adding Items
Displaying the Items
Styling our App
Removing Items
Animation! Animation! Animation!
How the Sliding Menu Works17 Avoiding Unnecessary Renders in React
Setting Up the Sliding Menu
Getting Started
Showing and Hiding the Menu
Creating the Button
Creating the Menu
About the render Method18 Creating a Single-Page App in React Using React Router
Optimizing render Calls
Getting an Example Going
Seeing the render Calls
Overriding a Component Update
Using PureComponent
The Example19 Introduction to Redux
Getting Started
Building Our Single-Page App
Displaying the Initial Frame
Creating Our Content Pages
Using React Router
It's the Little Things
Fixing Our Routing
Adding Some CSS
Highlighting the Active Link
What Is Redux?20 Using Redux with React
Building a Simple App Using Redux
It's Redux Time
Lights! Camera! Action!
Our Reducer
Store Stuff
Managing React State with Redux
How Redux and React Overlap
Getting Started
Building the App