You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A curated list of free resources to master React Development, in suggested learning order
99
97
-[Tips to learn React + Redux](https://www.robinwieruch.de/tips-to-learn-react-redux/)
100
98
An extensive and excellent list of suggestions to follow when learning and using React and Redux. Tips include when to use different component patterns, when to bring in a state management library, Redux state structuring, unit testing, and much more.
101
99
@@ -172,8 +170,6 @@ If you are new to React, try reading these articles in order.
172
170
An excellent list of common patterns for structuring React components, with examples
A useful description of the order and purpose of React’s component lifecycle methods.
175
-
-[8 no-Flux strategies for React component communication](http://andrewhfarmer.com/component-communication/)
176
-
Very helpful list of ways to have React components communicate back and forth
177
173
-[Presentational and Container Components](https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0)
178
174
Dan Abramov's foundational article on classifying components based on intent and behavior. A must-read for anyone using React.
179
175
-[Mixins Considered Harmful](https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html)
@@ -197,16 +193,12 @@ If you are new to React, try reading these articles in order.
197
193
Dan Abramov from the React team gives his thoughts on how to handle method binding.
198
194
199
195
### AJAX requests and Data Fetching
200
-
-[React AJAX Best Practices](http://andrewhfarmer.com/react-ajax-best-practices/)
201
-
Covers four ways to approach managing queries and data fetching.
202
196
-[AJAX Requests in React: How and Where to Fetch Data](https://daveceddia.com/ajax-requests-in-react/)
203
197
An overview of where AJAX requests fit into React usage.
204
198
205
199
### Immutable Data
206
200
-[Pros and Cons of Using Immutability With React](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/)
207
201
Excellent description of what immutability is, how to use use these concepts with React, and pros and cons of managing data immutably. While the title refers to React, most of the writing just deals with plain Javascript concepts.
208
-
-[Javascript and Immutability](http://t4d.io/javascript-and-immutability/)
209
-
A description of how to properly immutably update objects and arrays using functions like assign and slice
Useful examples for doing proper immutable updates, including common mistakes, proper updates of nested data, updates for arrays, and more. (Helpful for Redux, but not Redux-specific.)
212
204
@@ -236,14 +228,10 @@ If you are new to React, try reading these articles in order.
236
228
### Getting Started
237
229
-[Redux Docs](https://redux.js.org/)
238
230
The official Redux documentation. Contains an excellent tutorial that walks you through “here’s what you want to do, and how we came up with this”, as well as recipes for more advanced topics. Be sure to read through the FAQ for answers to common questions and links to further information.
239
-
-[Getting Started with Redux - Video Series](https://egghead.io/series/getting-started-with-redux)
240
231
[Getting Started with Redux - Course Notes](https://github.com/tayiorbeii/egghead.io_redux_course_notes)
241
232
Dan Abramov, the creator of Redux demonstrates various concepts in 30 short (2-5 minute) videos. The linked Github repo contains notes and transcriptions of the videos.
242
-
-[Building React Applications with Idiomatic Redux - Video Series](https://egghead.io/series/building-react-applications-with-idiomatic-redux)
243
233
[Building React Applications with Idiomatic Redux - Course Notes](https://github.com/tayiorbeii/egghead.io_idiomatic_redux_course_notes)
244
234
Dan Abramov's second video tutorial series, continuing directly after the first. Includes lessons on store initial state, using Redux with React Router, using "selector" functions, normalizing state, use of Redux middleware, async action creators, and more. The linked Github repo contains notes and transcriptions of the videos.
245
-
-[A Cartoon Guide to Redux](https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6)
246
-
A nifty introduction to Redux’s concepts using cartoon explanations
247
235
-[Redux: From Twitter Hype to Production](http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/)
248
236
An extremely well-produced slideshow that visually steps through core Redux concepts, usage with React, project organization, and side effects with thunks and sagas. Has some absolutely fantastic animated diagrams demonstrating how data flows through a React+Redux architecture.
249
237
-[Leveling Up with React: Redux](https://css-tricks.com/learning-react-redux/)
@@ -265,8 +253,6 @@ If you are new to React, try reading these articles in order.
265
253
Understanding middlewares through a series of small experiments
266
254
267
255
### Debugging
268
-
-[Hot reloading and time travel debugging: what are they?](https://code-cartoons.com/hot-reloading-and-time-travel-debugging-what-are-they-3c8ed2812f35)
269
-
A short but informative article describing these concepts and why they're useful, with cartoon illustrations
270
256
-[Time Travel in React Redux apps using the Redux DevTools](https://onsen.io/blog/react-redux-devtools-with-time-travel/)
271
257
Examples of configuring a Redux store to use the DevTools enhancers, and using both the DevTools components and the browser extension for debugging.
272
258
@@ -313,10 +299,5 @@ If you are new to React, try reading these articles in order.
313
299
Formidable Labs describes their preferred approaches for configuring Webpack, including optimization approaches.
314
300
315
301
### Hot Module Reloading
316
-
-[HMR Tutorial: Why Use HMR?](http://andrewhfarmer.com/why-use-hmr/)
A talk giving suggestions for dealing with learning tools and techologies, including knowing when to stop reading, following specific experts, learning patterns, and focusing on what the real problem is you're trying to solve
A description of what "JS fatigue" means in practice, and advice for managing it, including "picking battles", "make something interesting", and "be aware of common concepts".
Copy file name to clipboardExpand all lines: community-resources.md
+1-17Lines changed: 1 addition & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -23,10 +23,6 @@
23
23
https://github.com/d3viant0ne/awesome-webpack
24
24
A curated list of awesome Webpack resources, libraries and tools
25
25
26
-
-**React Roadmap**
27
-
https://github.com/ericdouglas/react-roadmap
28
-
A curated list of free resources to master React Development
29
-
30
26
-**React FAQ**
31
27
https://github.com/timarney/react-faq
32
28
A collection of links to help answer your questions about React.js
@@ -116,22 +112,14 @@
116
112
117
113
#### Newsletters
118
114
119
-
-**Full Stack React**
120
-
http://newsletter.fullstackreact.com/
121
-
Fullstack React is a weekly newsletter about the React ecosystem with an emphasis on useful libraries, tutorials and code. Subscribe to read the best articles each week on React, Flux, GraphQL, Relay, and friends.
122
-
123
115
-**React.js Newsletter**
124
116
http://reactjsnewsletter.com/
125
117
The free, weekly newsletter of the best React.js news, articles, projects, and more - brought to you by React.js Program
126
118
127
119
-**React Digest**
128
120
http://reactdigest.net/
129
121
A free, weekly newsletter about the latest news in React Javascript community. The only news source you need targeted on (but not limited to) React, Javascript, Flux and functional programming.
130
-
131
-
-**Curated React**
132
-
http://curatedreact.com/
133
-
Curated React is a weekly curated publication full of interesting, relevant links geared towards ReactJS and React Native.
134
-
122
+
135
123
-**React Statuscode**
136
124
http://react.statuscode.com/
137
125
A free, once-weekly e-mail newsletter on React from the authors of JavaScript Weekly.
@@ -144,10 +132,6 @@
144
132
https://ponyfoo.com/weekly
145
133
A single email every thursday, discussing front-end web development and related technologies.
146
134
147
-
-**Deterministic**
148
-
https://deterministic.curated.co
149
-
A weekly digest of interesting news and articles covering functional programming for the web, especially on the front end.
150
-
151
135
-**ES.next News**
152
136
http://esnextnews.com/
153
137
5 ECMAScript.next links every week, in your inbox. Curated by Dr. Axel Rauschmayer and Johannes Weber.
0 commit comments