└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # React FAQ 2 | 3 | #Why use React 4 | 5 | **What so good about React?** 6 | 7 | https://vacuumlabs.com/blog/7-strengths-of-react-every-programmer-should-know-about 8 | 9 | https://facebook.github.io/react/contributing/design-principles.html 10 | 11 | #Learning 12 | 13 | **What do I need to know about React to get started?** 14 | 15 | https://github.com/petehunt/react-howto 16 | 17 | http://media.bemyapp.com/intro-react-js-core-concepts/ 18 | 19 | https://medium.com/react-ecosystem/components-the-war-horses-of-react-1085dddc14e5#.egkrhoxtz 20 | 21 | #Gotchas 22 | 23 | **What are some React Gotchas?** 24 | 25 | https://daveceddia.com/react-gotchas/ 26 | 27 | #Refs 28 | 29 | **Whar are refs and are string refs are bad?** 30 | 31 | https://facebook.github.io/react/docs/more-about-refs.html 32 | 33 | https://twitter.com/dan_abramov/status/752936646602031104 34 | 35 | https://news.ycombinator.com/edit?id=12093234 36 | 37 | #State 38 | **How do I handle state?** 39 | 40 | https://medium.com/react-ecosystem/how-to-handle-state-in-react-6f2d3cd73a0c#.dwz84fx9s 41 | https://twitter.com/dan_abramov/status/749710501916139520 42 | 43 | #PATENTS 44 | **What's all this stuff I hear about Facebook PATENTS clause?** 45 | 46 | https://gist.github.com/gaearon/df0c4025e67399af72786d7ac7c819cc 47 | 48 | #Higher-Order Components 49 | **What are Higher-Order Components (HOC)?** 50 | 51 | https://www.sitepoint.com/react-higher-order-components/ 52 | 53 | https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750#.prpfdo79n 54 | 55 | http://engineering.blogfoster.com/higher-order-components-theory-and-practice 56 | 57 | #Function as Child Components 58 | **What are Function as Child Components?** 59 | 60 | https://medium.com/merrickchristensen/function-as-child-components-5f3920a9ace9#.10fbiyqc5 61 | 62 | #Mixins 63 | 64 | **Why are Mixins Considered Harmful?** 65 | 66 | https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html 67 | 68 | #Component Types 69 | 70 | **How do I decide what type of Component to use?** 71 | 72 | https://toddmotto.com/react-create-class-versus-component 73 | 74 | https://reactjsnews.com/composing-components 75 | 76 | 77 | https://www.youtube.com/watch?v=GWVjMHDKSfU&feature=youtu.be&a 78 | 79 | #Internationalization 80 | 81 | **How should I handle internationalization?** 82 | 83 | https://medium.freecodecamp.com/internationalization-in-react-7264738274a0#.bcfxgycwv 84 | 85 | #Third Party Libraries 86 | 87 | **How do I use third party libraries?** 88 | 89 | https://www.youtube.com/watch?v=GWVjMHDKSfU&feature=youtu.be&a 90 | 91 | #Performance 92 | 93 | **How can I make my app faster?** 94 | 95 | https://medium.com/modus-create-front-end-development/component-rendering-performance-in-react-df859b474adc#.gvyat7vkb 96 | 97 | https://twitter.com/dan_abramov/status/759383530120110080 98 | 99 | https://medium.com/@esamatti/react-js-pure-render-performance-anti-pattern-fb88c101332f#.hewsz120q 100 | 101 | http://jamesknelson.com/should-i-use-shouldcomponentupdate/ 102 | 103 | #Binding 104 | 105 | **What is this bind thing?** 106 | 107 | https://daveceddia.com/avoid-bind-when-passing-props/ 108 | 109 | #Rendering 110 | 111 | **What should go in the render function?** 112 | 113 | https://medium.com/@SimonRadionov/return-as-soon-as-you-know-the-answer-dec6369b9b67#.82kxymyki 114 | 115 | #Lifecycle Methods 116 | 117 | **What are Lifecycle Methods?** 118 | 119 | https://medium.com/@notrab/going-further-with-react-lifecycle-methods-2ffdc5bdf52c#.bu0ufrosb 120 | 121 | https://facebook.github.io/react/docs/component-specs.html 122 | 123 | https://twitter.com/pbesh/status/738008776805060608 124 | 125 | https://medium.com/react-ecosystem/react-components-lifecycle-ce09239010df#.w7v5cw6tk 126 | 127 | #Animations 128 | 129 | **How do I animate things in React?** 130 | 131 | https://medium.com/@joethedave/achieving-ui-animations-with-react-the-right-way-562fa8a91935#.g8qmlz5d6 132 | 133 | #Redux and Mobx 134 | 135 | **What's (Redux/Mobx)?** 136 | 137 | https://www.reddit.com/r/reactjs/comments/4npzq5/confused_redux_or_mobx/d46k2bl 138 | 139 | **Do I need to use (Redux/Mobx)?** 140 | 141 | https://twitter.com/dan_abramov/status/737036433215610880 142 | 143 | #Add to an existing app 144 | 145 | **How do I start adding React to an existing app?** 146 | 147 | https://scotch.io/tutorials/how-to-sprinkle-reactjs-into-an-existing-web-application 148 | 149 | #CSS and React 150 | 151 | **What about styling things in React?** 152 | 153 | https://facebook.github.io/react/tips/inline-styles.html 154 | 155 | http://shoptalkshow.com/episodes/180-panel-on-inline-styles (PANEL ON 'INLINE STYLES') 156 | 157 | https://blog.grommet.io/post/2016/08/10/css-in-js-may-not-be-the-solution-to-all-your-problems 158 | 159 | http://www.dadsindev.com/12 (CSS in JS + CSS Modules) 160 | 161 | https://www.youtube.com/watch?v=BXOF_8jDdf8 (CSS in JS tech chat) 162 | 163 | **Are there any tools available to convert 'css' to 'CSS in JS'?** 164 | 165 | https://jsbin.com/dugija/edit?js,output 166 | 167 | #Video Courses 168 | 169 | **What are some good video resources/courses to learn React?** 170 | 171 | https://reactforbeginners.com 172 | 173 | https://egghead.io/courses/react-fundamentals (they have a bunch) 174 | 175 | https://frontendmasters.com/courses/react-intro (they have a bunch) 176 | 177 | http://courses.reactjsprogram.com/courses/reactjsprogrambundle 178 | 179 | #Training 180 | 181 | **Where can I get React training?** 182 | 183 | https://reactjs-training.com 184 | 185 | #Books 186 | 187 | **Where can I find some good books about React?** 188 | 189 | http://www.reactenlightenment.com 190 | 191 | https://survivejs.com 192 | 193 | https://www.fullstackreact.com 194 | --------------------------------------------------------------------------------