Learning React by Kirupa Chinnathambi

By Kirupa Chinnathambi

Learning React

A hands-on consultant to construction maintainable, high-performing internet software person interfaces utilizing the React JavaScript library

As a ways as new internet frameworks and libraries move, React is sort of the runaway luck. It not just offers with the commonest difficulties builders face while construction advanced apps, it throws in a couple of extra tips that make construction the visuals for such apps a lot, a lot easier.

What React isn’t, notwithstanding, is beginner-friendly and approachable. before. In Learning React, writer Kirupa Chinnathambi brings his clean, transparent, and extremely personable writing variety that will help you comprehend the basics of React and the way to exploit it to construct particularly performant (and amazing) apps.

  • Build your first React app
  • Create parts to outline elements of your UI
  • Combine elements into different elements to construct extra advanced UIs
  • Use JSX to specify visuals with no writing full-fledged JavaScript
  • Deal with conserving state
  • Work with React’s means of styling content
  • Make experience of the mysterious part lifecycle
  • Build multi-page apps utilizing routing and views
  • Optimize your React workflow utilizing instruments similar to Node, Babel, webpack, and others
Contents at a Glance
Chapter 1  Introducing React 
Chapter 2  Building Your First React App 

Chapter 3  Components in React
Chapter 4  Styling in React
Chapter 5  growing advanced Components
Chapter 6  moving homes (Props) 
Chapter 7  Meet JSX–Again!
Chapter 8  facing State
Chapter 9  Going from information to UI
Chapter 10  operating with Events
Chapter 11  The part Lifecycle
Chapter 12  gaining access to DOM Elements 
Chapter 13  making a Single-Page App utilizing React Router
Chapter 14  construction a Todo record App 
Chapter 15  establishing Your React improvement Environment
Chapter 16  The End
Chapter 17 (Web Edition) Working With exterior Data
Chapter 18 (Web Edition) making a Sliding Menu utilizing React Motion
Register your publication at informit.com/register at no cost entry to the internet version and specific bonus chapters.

Show description

Read or Download Learning React PDF

Best javascript books

AngularJS

Develop smaller, lighter internet apps which are easy to create and simple to check, expand, and keep as they develop. This hands-on advisor introduces you to AngularJS, the open resource JavaScript framework that makes use of Model–view–controller (MVC) structure, information binding, client-side templates, and dependency injection to create a much-needed constitution for construction net apps.

Guided via engineers who labored on AngularJS at Google, you’ll stroll during the framework’s key positive factors, after which construct a operating AngularJS app—from format to checking out, compiling, and debugging. You’ll learn the way AngularJS is helping lessen the complexity of your internet app.
* Dive deep into Angular’s development blocks and learn the way they interact
* achieve greatest flexibility by way of setting apart good judgment, information, and presentation duties with MVC
* gather your complete app within the browser, utilizing client-side templates
* Use AngularJS directives to increase HTML with declarative syntax
* speak with the server and enforce basic caching with the $http provider
* Use dependency injection to enhance refactoring, testability, and a number of surroundings layout
* Get code samples for universal difficulties you face in such a lot net apps

Javascript 1.5 by example

Explores the pc language's up to date gains whereas explaining how you can upload JavaScript to current HTML web content and reviewing syntax, notation, conventions, variable manipulation, common sense statements, and item programming. advent. I. WELCOME TO JAVASCRIPT. 1. stepping into JavaScript! 2.

JavaScript and Ajax for the Web, Sixth Edition

Have to study JavaScript quick? This best-selling reference’s visible structure and step by step, task-based directions may have you up and working with JavaScript very quickly. during this thoroughly up to date version of our best-selling advisor to JavaScript, best net and computing specialists Tom Negrino and Dori Smith use crystal-clear directions and pleasant prose to introduce you to all of brand new JavaScript necessities.

Switching to Angular 2

Key FeaturesGet brand new with the most recent adjustments to Angular 2, together with the advancements to directives, switch detection, dependency injection, router, and moreUnderstand Angular 2's new component-based architectureStart utilizing TypeScript to supercharge your Angular 2 applicationsBook DescriptionAngularJS is a JavaScript framework that makes construction internet purposes more straightforward.

Additional resources for Learning React

Sample text

Old School Multi-Page Design If you had to build this app a few years ago, you may have taken an approach that involved multiple, individual pages. The flow would have looked something like what is shown in Figure 1-2. Figure 1-2 Multi-page design. For almost every action that changes what the browser displays, the web app will navigate you to a whole different page. This is a big deal beyond the less-than-stellar user experience that users will see as pages get torn down and redrawn. This has a big impact on how you maintain your app state.

DOCTYPE html> ŠŠReact! React! ŠŠ This page has nothing interesting or exciting going for it, but let舗s fix that by adding a reference to the React library. js"> These two lines bring in both the core React library as well as the various things React needs to work with the DOM. Without them, you aren舗t building a React app at all. Now, we aren舗t done yet. There is one more library we need to reference. min.

With that said, a style selector of div div div looks a bit odd, doesn舗t it? It is too generic.

Download PDF sample

Rated 4.75 of 5 – based on 9 votes