timarney / react-faq

четверг, 25 августа 2016 г. в 03:13:01

203 stars today
A collection of links to help answer your questions about React

React FAQ

This guide aims to pull together some resources from around the web into a central location for quick reference. It aims to point to quality content to help understand React core concepts.

In the future it might cover patterns and best practices (how and why to use).

For now enjoy the links and please share/link back to this repo. If it helped you it might help someone else.

Start

I don't know React what should I watch / read before I start?

https://facebook.github.io/react/docs/thinking-in-react.html

https://www.youtube.com/watch?v=x7cQ3mrcKaY (Pete Hunt: React: Rethinking best practices)

Creating a React Project

How do I create a new React project?

https://github.com/facebookincubator/create-react-app (official)

https://github.com/insin/nwb (if you need more control of the setup / config)

Can I play around with React Online?

http://codepen.io/Arney/pen/OXYqWb // App extends React.Component style

http://codepen.io/Arney/pen/QERoaQ // React.createClass style

Why use React

What so good about React?

https://vacuumlabs.com/blog/7-strengths-of-react-every-programmer-should-know-about

https://facebook.github.io/react/contributing/design-principles.html

JSX

What's JSX?

https://facebook.github.io/react/docs/jsx-in-depth.html

State

How do I handle state?

https://medium.com/react-ecosystem/how-to-handle-state-in-react-6f2d3cd73a0c#.dwz84fx9s

https://twitter.com/dan_abramov/status/749710501916139520

http://brewhouse.io/blog/2015/03/24/best-practices-for-component-state-in-reactjs.html

Passing Data

How do I pass props?

https://facebook.github.io/react/docs/transferring-props.html

Should I use import, props, or context in React?

http://stackoverflow.com/questions/39111775/differences-between-require-and-passing-an-object-via-prop-or-context/39111942

Learning

What do I need to know about React to get started?

https://github.com/petehunt/react-howto

http://media.bemyapp.com/intro-react-js-core-concepts

https://github.com/reactjs/react-basic/blob/master/README.md (Basic Theoretical Concepts)

https://medium.com/react-ecosystem/components-the-war-horses-of-react-1085dddc14e5#.egkrhoxtz

Gotchas

What are some React Gotchas?

https://daveceddia.com/react-gotchas/

Refs

What are refs and are string refs are bad?

https://facebook.github.io/react/docs/more-about-refs.html

https://twitter.com/dan_abramov/status/752936646602031104

https://news.ycombinator.com/edit?id=12093234

PATENTS

What's all this stuff I hear about Facebook PATENTS clause?

https://gist.github.com/gaearon/df0c4025e67399af72786d7ac7c819cc

Mixins

Why are Mixins Considered Harmful?

https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html

Component Types

How do I decide what type of Component to use?

https://toddmotto.com/react-create-class-versus-component

https://www.peterbe.com/plog/4-different-kinds-of-react-component-styles

https://reactjsnews.com/composing-components

https://www.youtube.com/watch?v=GWVjMHDKSfU&feature=youtu.be&a

Presentational and Container Components

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.xo2al5187

Higher-Order Components

https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e#.mpb29ree6

https://www.sitepoint.com/react-higher-order-components/

https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750#.prpfdo79n

http://engineering.blogfoster.com/higher-order-components-theory-and-practice

Function as Child Components

https://medium.com/merrickchristensen/function-as-child-components-5f3920a9ace9#.10fbiyqc5

Internationalization

How should I handle internationalization?

https://medium.freecodecamp.com/internationalization-in-react-7264738274a0#.bcfxgycwv

Third Party Libraries

How do I use third party libraries?

https://www.youtube.com/watch?v=GWVjMHDKSfU&feature=youtu.be&a

Performance

How can I make my app faster?

https://medium.com/modus-create-front-end-development/component-rendering-performance-in-react-df859b474adc#.gvyat7vkb

https://twitter.com/dan_abramov/status/759383530120110080

https://medium.com/@esamatti/react-js-pure-render-performance-anti-pattern-fb88c101332f#.hewsz120q

http://jamesknelson.com/should-i-use-shouldcomponentupdate/

Binding

What is this bind thing?

https://daveceddia.com/avoid-bind-when-passing-props/

Rendering

What should go in the render function?

https://medium.com/@SimonRadionov/return-as-soon-as-you-know-the-answer-dec6369b9b67#.82kxymyki

Lifecycle Methods

What are Lifecycle Methods?

https://medium.com/@notrab/going-further-with-react-lifecycle-methods-2ffdc5bdf52c#.bu0ufrosb

https://facebook.github.io/react/docs/component-specs.html

https://twitter.com/pbesh/status/738008776805060608

https://medium.com/react-ecosystem/react-components-lifecycle-ce09239010df#.w7v5cw6tk

Context

⚠️ Context is an advanced and experimental feature. The API is likely to change in future releases. The rumours of its existence are true but be careful!

https://medium.com/react-ecosystem/how-to-handle-react-context-a7592dfdcbc#.rtwgxxy0d