ReactJS Up and Running by Stefanov, Stoyan -- Read -- Imperial Library of Trantor

Index

ReactJS Up and Running 1. Hello world

Setup Hello React world What just happened? React.DOM.* Special DOM attributes Next: custom components

2. The life of a component

Bare minimum Properties propTypes State A stateful textarea component A note on DOM events

Event handling in the olden days Event handing in React

Props vs State Props in initial state: an anti-pattern Accessing the component from the outside Changing properties mid-flight Lifecycle methods Lifecycle example: log it all Lifecycle example: use a mixin Lifecycle example: with a child component Performance win: prevent component updates PureRenderMixin

3. Excel: a fancy table component

Data first Table headers loop Debugging the console warning Adding <td> content Sorting Sorting UI cues Editing data

Editable cell Input field cell Saving Conclusion and virtual DOM diffs

State and UI Filtering content How can you improve the search?

Instant replay

How can you improve the replay?

Download the table data

4. JSX

Hello JSX Transpiling JSX Client-side

Working with external files

Build process Babel About the JSX transformation JavaScript in JSX Whitespace in JSX Comments in JSX HTML entities

Anti-XSS

Spread attributes

Parent-to-child spread attributes

Returning multiple nodes in JSX JSX vs HTML differences

No class, what for? style is an object Closing tags camelCase attributes

JSX and forms

onChange handler value vs defaultValue <textarea> value <select> value

About the Author Copyright