
React: Building Modern Web Applications
Description
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
All prices
More details
Content
- Intro
- AngularJS_Essentials
- Introduction and Installation
- A 10,000-foot overview
- Installing the tools required
- Core JavaScript
- The strict mode
- Variables and assignment
- A note on values and NaN
- Reactive Programming - The Basic Theory
- Declarative programming
- The war on Heisenbugs
- The Flux Architecture
- Complete UI teardown and rebuild
- JavaScript as a Domain-specific Language
- The Big-Coffee Notation
- Demonstrating Nonfunctional Reactive Programming - A Live Example
- The history of a game with multiple ports
- The HTML for the web page
- The JavaScript that animates that page
- Learning Functional Programming - The Basics
- Custom sort functions - the first example of functional JavaScript and first-class functions
- An overview of information hiding in JavaScript
- Functional Reactive Programming - The Basics
- A trip down computer folklore's memory lane
- Distinguishing the features of functional reactive programming
- If you learn just one thing...
- Learn what you can!
- JavaScript as the new bare metal
- Not Reinventing the Wheel - Tools for Functional Reactive Programming
- ClojureScript
- Om
- Bacon.js
- Brython - a Python browser implementation
- Immutable.js - permanent protection from change
- Jest - BDD unit testing from Facebook
- Implementing the Flux Architecture using Fluxxor
- Demonstrating Functional Reactive Programming in JavaScript - A Live Example, Part I
- What we will be attempting in this chapter
- This project's first complete component
- The render() method
- Triggering the actual display for what we have created
- Demonstrating Functional Reactive Programming in JavaScript with a Live Example Part II - A To-do List
- Adding a to-do list to our application
- Demonstrating Functional Reactive Programming in JavaScript: A Live Example Part III - A Calendar
- Play it again Sam - an interesting challenge
- Classical Hijaxing works well
- Built with usability in mind, but there's still room to grow
- Plain old JavaScript objects are all you need
- Progressive disclosure that starts simply
- A render() method can easily delegate
- Boring code is better than interesting code!
- A simple UI for simply non-recurring entries...
- The user can still opt-in for more
- Avoiding being clever
- Anonymous helper functions may lack pixie dust
- How far in the future should we show?
- Different stripes for different entry types
- Now we're ready to display!
- Let's be nice and sort each day in order
- Let them use Markdown!
- One thing at a time!
- The holidays that inspired this calendar
- Demonstrating Functional Reactive Programming in JavaScript with a Live Example Part IV - Adding a Scratchpad and Putting It All Together
- Adding a WYSIWYG scratchpad, courtesy CKeditor
- CKeditor - small free offerings, and small is beautiful
- Integrating all four subcomponents into one page
- Persistence
- How It All Fits Together
- A review of the terrain covered
- Could the Mythical Man-Month have been avoided?
- ReactJS is just a view, but what a view!
- Programming is fun again!
- Installing Powerful Tools for Your Project
- Approaching our project
- Getting data from the Twitter Streaming API
- Filtering data with Snapkite Engine
- Creating the project structure
- Creating package.json
- Reusing Node.js modules
- Building with Gulp.js
- Creating a web page
- Create Your First React Element
- Understanding the virtual DOM
- Pending
- Creating React Elements with JavaScript
- Rendering React Elements
- Creating React Elements with JSX
- Create Your First React Component
- Stateless versus stateful
- Creating your first stateless React component
- Creating your first stateful React component
- Make Your React Components Reactive
- Solving a problem using React
- Planning your React application
- Creating a container React component
- Use Your React Components with Another Library
- Using another library in your React component
- Understanding React component's lifecycle methods
- Update Your React Components
- Understanding component lifecycle's updating methods
- Setting default React component properties
- Validating React component properties
- Creating a Collection component
- Build Complex React Components
- Creating the TweetList component
- Creating the CollectionControls component
- Creating the CollectionRenameForm component
- Creating the Button component
- Creating the CollectionExportForm component
- Test Your React Application with Jest
- Why write unit tests?
- Creating test suits, specs, and expectations
- Installing and running Jest
- Creating multiple specs and expectations
- Testing React components
- Supercharge Your React Architecture with Flux
- Analyzing your web application's architecture
- Creating a dispatcher
- Creating an action creator
- Creating a store
- Prepare Your React Application for Painless Maintenance with Flux
- Decoupling concerns with Flux
- Refactoring the Stream component
- Creating CollectionStore
- Creating CollectionActionCreators
- Refactoring the Application component
- Refactoring the Collection component
- Refactoring the CollectionControls component
- Refactoring the CollectionRenameForm component
- Refactoring the TweetList component
- Refactoring the StreamTweet component
- Build and go beyond
- Playing with Syntax
- The let keyword
- The const keyword
- Default parameter values
- The spread operator
- The rest parameter
- The destructuring assignment
- The arrow functions
- The enhanced object literals
- Knowing Your Library
- Working with numbers
- Doing Math
- Working with strings
- Arrays
- Collections
- Object
- Using Iterators
- The ES6 symbols
- The iteration protocols
- Generators
- The "for.of" loop
- The tail call optimization
- Asynchronous Programming
- The JavaScript execution model
- Writing asynchronous code
- Promises to the rescue
- The JavaScript APIs based on Promises
- Implementing the Reflect API
- The Reflect object
- Using Proxies
- Proxies in a nutshell
- The Proxy API
- The uses of proxies
- Walking You Through Classes
- Understanding the Object-oriented JavaScript
- Using classes
- Using "super" in the object literals
- Modular Programming
- The JavaScript modules in a nutshell
- Implementing modules - the old way
- Implementing modules - the new way
- Dynamic Components, Mixins, Forms, and More JSX
- Dynamic components
- Mixins
- Forms
- Anatomy of a React Application
- What is a single-page application?
- Three aspects of a SPA design
- Starting a React Application
- Application design
- Preparing the development environment
- Considerations before starting
- Starting the app
- React Blog App Part 1 - Actions and Common Components
- Reflux actions
- Reusable components and base styles
- React Blog App Part 2 - Users
- Code manifest
- Application runtime configuration
- Mixins and dependencies
- User-related stores
- User views
- Other affected views
- React Blog App Part 3 - Posts
- Code manifest
- The posts store
- Post views
- Other affected views
- React Blog App Part 4 - Infinite Scroll and Search
- Infinite scroll loading
- Searching posts
- Final thoughts
- Animation in React
- Animation terms
- CSS transitions using class switching
- Animating DOM enter and exit
- Using the React-Motion animation library
- Exploring the Sample Application
- Installing Xcode
- Running the sample application
- Experimenting with the sample application
- Beginning with the Example Application
- Generating the projects
- Structuring the application
- Navigation
- Working with Styles and Layout
- React CSS
- Layout and Flexbox
- Styling the NavigationBar component
- Styling the NoteScreen
- Displaying and Saving Data
- Lists
- Working with Geolocation and Maps
- Introducing the Geolocation API
- Tagging notes with geolocation
- NoteLocationScreen
- Integrating Native Modules
- Adding images to notes
- Installing react-native-camera on iOS
- Viewing images
- Connecting the final pieces
- Releasing the Application
- Generating the static bundle in iOS
- Testing the static bundle in iOS
- Creating an iOS release in Xcode
- Generating the Android APK
- Reflect and Test Yourself Answers
- Bibliography
System requirements
File format: ePUB
Copy protection: Adobe-DRM (Digital Rights Management)
System requirements:
- Computer (Windows; MacOS X; Linux): Install the free reader Adobe Digital Editions prior to download (see eBook Help).
- Tablet/smartphone (Android; iOS): Install the free app Adobe Digital Editions or the app PocketBook before downloading (see eBook Help).
- E-reader: Bookeen, Kobo, Pocketbook, Sony, Tolino and many more (not Kindle).
The file format ePub works well for novels and non-fiction books – i.e., „flowing” text without complex layout. On an e-reader or smartphone, line and page breaks automatically adjust to fit the small displays.
This eBook uses Adobe-DRM, a „hard” copy protection. If the necessary requirements are not met, unfortunately you will not be able to open the eBook. You will therefore need to prepare your reading hardware before downloading.
Please note: We strongly recommend that you authorise using your personal Adobe ID after installation of any reading software.
For more information, see our ebook Help page.
File format: PDF
Copy-Protection: Adobe-DRM (Digital Rights Management)
System requirements:
- Computer (Windows; MacOS X; Linux): Install the free reader Adobe Digital Editions prior to download (see eBook Help).
- Tablet/smartphone (Android; iOS): Install the free app Adobe Digital Editions or the app PocketBook before downloading (see eBook Help).
- E-reader: Bookeen, Kobo, Pocketbook, Sony, Tolino and many more (only limited: Kindle).
The file format PDF always displays a book page identically on any hardware. This makes PDF suitable for complex layouts such as those used in textbooks and reference books (images, tables, columns, footnotes). Unfortunately, on the small screens of e-readers or smartphones, PDFs are rather annoying, requiring too much scrolling.
This eBook uses Adobe-DRM, a „hard” copy protection. If the necessary requirements are not met, unfortunately you will not be able to open the eBook. You will therefore need to prepare your reading hardware before downloading.
Please note: We strongly recommend that you authorise using your personal Adobe ID after installation of any reading software.
For more information, see our eBook Help page.