React Up and Running ReactJS Charlotte

lightning talk at ReactJS Charlotte 2016-11-16
https://www.meetup.com/ReactJS-Charlotte/events/235149547/

Transcript

1. React Up & Running Stoyan Stefanov 
 
 github.com/stoyan twitter.com/stoyanstefanov 
 speakerdeck.com/pedrottimark/
 react-up-and-running-reactjs-charlotte
2. Stoyan Stefanov • also wrote JavaScript Patterns • created calendar.perfplanet.com • is at Facebook and was at Yahoo! 
 architect of YSlow 2.0 perf tool
3. Recommended audience • You learn by reading code 
 with explanations. ! • You are beginning to learn React,
 or like me, you began without beginning ;)
4. Positive point #1 is in the Preface “The first three chapters 
 focus on learning React not the new syntax 
 or auxiliary tools.
5. From there, focus is still on React; 
 you’ll become familiar with tools and be able to make an informed decision which to use.”
6. Positive point #2 is in chapter 1 “Now that you know 
 what each line does, let’s take a look 
 at the big picture.”
7. Let’s make up a tongue-twisting poem ReactDOM.render tells where, 
 render methods describe what. You surrender control over 
 how and when React renders.
8. Positive point #3 is in chapter 8 “Let’s consider a few tools 
 that help you maintain your sanity as your app grows: ESLint, Flow, and Jest.” # # #
9. Negative nit #1 is in chapter 2 PureRenderMixin was written before
 the PureComponent class existed.
10. Negative nit #2 is chapter 5 Setting Up for App Development was written before
 create-react-app existed.
11. Negative nit #3 is chapter 8 Flux 
 uses a Do-It-Yourself approach 
 instead of Redux. 
 https://github.com/pedrottimark/
 reactbook/tree/whinepad-redux/whinepad3
12. Positive sample #1 is in chapter 2 The life-cycle method componentWillReceiveProps 
 receives the new props object, 
 so you can set the state accordingly.
13. Positive sample #2 is in chapter 4 Instead of making up 
 yet another templating syntax, JSX lets you write JavaScript 
 inside of the markup. { $ }
14. You have to jump through hoops 
 to use HTML entities… React escapes all strings 
 to prevent a class of XSS attacks.
15. Positive sample #3 is in chapter 6 Often using a component 
 in an app leads you to “marry” the component to the app and reduce its reusability.
16. Having the component by itself 
 in a component discovery tool forces you to make better decisions about decoupling the component.
17. If you feel like you have been • stumbling • crawling • sitting on the sidelines Now is the time to get Up & Running