├── README.md └── src ├── 02-2018.md ├── 03-2018.md ├── 04-2018.md ├── 05-2018.md ├── 05-2019.md ├── 06-2018.md ├── 06-2019.md ├── 07-2018.md ├── 07-2019.md ├── 08-2018.md ├── 09-2018.md ├── 10-2018.md ├── 11-2018.md ├── 12-2018.md ├── Sep-React-Top10.png ├── Top10-0519-React.png ├── Top10-Dec-React.png ├── Top10-Nov-React.png ├── apr-react-article.jpg ├── aug-react-top10.png ├── feb-react.png ├── july-react-top10.jpg ├── june-reactjs-top10.jpg ├── mar-react-article.png ├── may-react-top10.jpg ├── oct-top10-react.png ├── react-1906-top10.png └── react-1907-top10.png /README.md: -------------------------------------------------------------------------------- 1 | # react-articles-monthly 2 | 3 | Click "Watch" to get an email notification once a month for Top 10 React.js articles. (Pull Request for translation is currently disabled due to frequent email notifications) 4 | 5 | Mybridge AI ranks articles by the number of shares, minutes read, and by its own machine learning algorithm. 6 | 7 | Every month, about 1,000 ~ 1,500 articles, specific to React.js, are compared and only 10 finest articles are picked. This will ensure you that every single article you read is useful and great. 8 | 9 | Also published on Mybridge Publication 10 | 11 | ## Monthly Series: 12 | 13 | <2018> 14 | * [v.Feb 2018 - Top 10 React.js Articles](./src/02-2018.md) 15 | * [v.Mar 2018 - Top 10 React.js Articles](./src/03-2018.md) 16 | * [v.Apr 2018 - Top 10 React.js Articles](./src/04-2018.md) 17 | * [v.May 2018 - Top 10 React.js Articles](./src/05-2018.md) 18 | * [v.June 2018 - Top 10 React.js Articles](./src/06-2018.md) 19 | * [v.July 2018 - Top 10 React.js Articles](./src/07-2018.md) 20 | * [v.Aug 2018 - Top 10 React.js Articles](./src/08-2018.md) 21 | * [v.Sep 2018 - Top 10 React.js Articles](./src/09-2018.md) 22 | * [v.Oct 2018 - Top 10 React.js Articles](./src/10-2018.md) 23 | * [v.Nov 2018 - Top 10 React.js Articles](./src/11-2018.md) 24 | * [v.Dec 2018 - Top 10 React.js Articles](./src/12-2018.md) 25 | 26 |
27 | <2019> 28 | 29 | 30 | * [v.May 2019 - Top 10 React.js Articles](./src/05-2019.md) 31 | * [v.June 2019 - Top 10 React.js Articles](./src/06-2019.md) 32 | * [v.July 2019 - Top 10 React.js Articles](./src/07-2019.md) 33 | 34 | 35 | 36 |
37 | 38 | ## Other Monthly: 39 | * [JavaScript Top 10](https://github.com/Mybridge/javascript-articles-monthly) 40 | * [Angular Top 10](https://github.com/Mybridge/angular-articles) 41 | 42 | * [Vue.js Top 10](https://github.com/Mybridge/vuejs-articles) 43 | * [Python Top 10](https://github.com/Mybridge/python-articles) 44 | * [Node.js Top 10](https://github.com/Mybridge/nodejs-articles) 45 | * [Web Development Top 10](https://github.com/Mybridge/web-development-articles) 46 | * [Machine Learning Top 10](https://github.com/Mybridge/machine-learning-articles) 47 | * [Swift Top 10](https://github.com/Mybridge/swift-articles) 48 | 49 | ## Open Source Monthly: 50 | * [JavaScript Open Source Top 10](https://github.com/Mybridge/javascript-open-source) 51 | * [Angular Open Source Top 10](https://github.com/Mybridge/angular-open-source) 52 | * [React Open Source Top 10](https://github.com/Mybridge/reactjs-open-source) 53 | * [Vue.js Open Source Top 10](https://github.com/Mybridge/vuejs-open-source) 54 | * [Python Open Source Top 10](https://github.com/Mybridge/python-open-source) 55 | * [Node.js Open Source Top 10](https://github.com/Mybridge/nodejs-open-source) 56 | * [Web Development Open Source Top 10](https://github.com/Mybridge/web-development-articles) 57 | * [Machine Learning Open Source Top 10](https://github.com/Mybridge/machine-learning-open-source) 58 | * [Swift Open Source Top 10](https://github.com/Mybridge/swift-open-source) 59 | -------------------------------------------------------------------------------- /src/02-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Feb 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: Architecture, Immutability, setState, Performance, HTML, Server Rendering, Nested Routes, Lazy Loading. 9 | * Also published on the [publication](https://goo.gl/xG3VYf) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) React Native:](http://bit.ly/2EXg3Zu) The Practical Guide to React Native. Build native iOS and Android Apps. [5,346 recommends, 4.8/5 stars] 16 | 17 | [B) React:](http://bit.ly/2nUrs5a) Master the fundamentals of React & Redux and develop apps with Router, Webpack, and ES6. [87,635 recommends, 4.6/5 stars] 18 | 19 | 20 | ## Rank 1 21 | ### [React, Redux and JavaScript Architecture](https://goo.gl/3xSenN) 22 | 23 |
24 | 25 | ## Rank 2 26 | ### [Introducing Immer: Immutability the easy way](https://hackernoon.com/introducing-immer-immutability-the-easy-way-9d73d8f71cb3?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 27 | 28 |
29 | 30 | ## Rank 3 31 | ### [React’s Five Fingers of Death. Master these five concepts, then master React.](https://medium.freecodecamp.org/the-5-things-you-need-to-know-to-understand-react-a1dbd5d114a3?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 32 | 33 |
34 | 35 | ## Rank 4 36 | ### [Common React Questions & Answers](https://academind.com/learn/react/react-q-a?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 37 | 38 |
39 | 40 | ## Rank 5 41 | ### [Why is `setState` asynchronous? Scroll down to see the answer by Dan Abramov](https://github.com/facebook/react/issues/11527?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 42 | 43 |
44 | 45 | ## Rank 6 46 | ### [Dragging React performance forward](https://medium.com/@alexandereardon/dragging-react-performance-forward-688b30d40a33?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 47 | 48 |
49 | 50 | ## Rank 7 51 | ### [React and HTML : Beware of the traps](http://blog.theodo.fr/2018/01/react-html-beware-traps?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 52 | 53 |
54 | 55 | ## Rank 8 56 | ### [Server Rendering, Code Splitting, and Lazy Loading with React Router v4](https://medium.com/airbnb-engineering/server-rendering-code-splitting-and-lazy-loading-with-react-router-v4-bfe596a6af70?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 57 | 58 |
59 | 60 | ## Rank 9 61 | ### [Create Guten Block Toolkit: Create React gutenblocks with zero-config JavaScript toolkit.](https://ahmadawais.com/create-guten-block-toolkit?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 62 | 63 |
64 | 65 | ## Rank 10 66 | ### [Nested routes with React Router v4](https://tylermcginnis.com/react-router-nested-routes?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 67 | -------------------------------------------------------------------------------- /src/03-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Mar 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: React 16.3, Neural Network, Context API, Game, Evolving Patterns, Next.js, Learn React, Redux, Ternary, Transitions 9 | * Also published on the [publication](https://goo.gl/NpUcdD) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: React 16 — The Complete Guide (incl. React Router 4 & Redux)](http://bit.ly/2CKGqkt) [6,499 recommends, 4.8/5 stars] 16 | 17 | [B) Advanced: React Native: Advanced Concepts.](http://bit.ly/2oNdVwC) [2,183 recommends, 4.7 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [What’s new in React 16.3(.0-alpha)](https://medium.com/@baphemot/whats-new-in-react-16-3-d2c9b7b6193b?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [How I Shipped a Neural Network on iOS with CoreML, PyTorch, and React Native - Stefano J. Attardi](https://attardi.org/pytorch-and-coreml?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [React’s ⚛️ new Context API –](https://blog.kentcdodds.com/reacts-%EF%B8%8F-new-context-api-70c9fe01596b?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 35 | 36 | 37 |
38 | 39 | ## Rank 4 40 | ### [Developing Games with React, Redux, and SVG - Part 1](https://auth0.com/blog/developing-games-with-react-redux-and-svg-part-1?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 41 | 42 | 43 |
44 | 45 | ## Rank 5 46 | ### [Evolving Patterns in React](https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 47 | 48 | 49 |
50 | 51 | ## Rank 6 52 | ### [Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones](https://zeit.co/blog/next5?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 53 | 54 | 55 |
56 | 57 | ## Rank 7 58 | ### [Rock Solid React.js Foundations: A Beginner’s Guide](https://medium.freecodecamp.org/rock-solid-react-js-foundations-a-beginners-guide-c45c93f5a923?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 59 | 60 | 61 |
62 | 63 | ## Rank 8 64 | ### [Hyperapp for Redux refugees](https://medium.com/hyperapp/hyperapp-for-redux-refugees-2507c9dd1ddc?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 65 | 66 | 67 |
68 | 69 | ## Rank 9 70 | ### [Conditional Rendering in React using Ternaries and Logical AND](https://medium.freecodecamp.org/conditional-rendering-in-react-using-ternaries-and-logical-and-7807f53b6935?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 71 | 72 | 73 |
74 | 75 | ## Rank 10 76 | ### [Animated Transitions with React Router](https://tylermcginnis.com/react-router-animated-transitions?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 77 | -------------------------------------------------------------------------------- /src/04-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Apr 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: Redux, Testing, Tutorial, Rendering, SPA, Context, Components, GraphQL, Airbnb, Webpack 4 9 | * Also published on the [publication](https://goo.gl/8V2vjT) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: Modern React with Redux: Master the fundamentals of React and Redux with this tutorial as you develop apps with React Router, Webpack, and ES6](http://bit.ly/2nUrs5a) [28,212 recommends, 4.7/5 stars] 16 | 17 | [B) Advanced: GraphQL with React: The Complete Developers Guide.](http://bit.ly/2H0ecXa) [2,683 recommends, 4.7/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [Redesigning Redux](https://hackernoon.com/redesigning-redux-b2baee8b8a38?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [React Testing Tutorial: Test Frameworks & Component Tests - RWieruch](https://www.robinwieruch.de/react-testing-tutorial?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [A Comprehensive Guide to React.js in 2018](https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/ 35 | ?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 36 | 37 | 38 |
39 | 40 | ## Rank 4 41 | ### [Update on Async Rendering](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 42 | 43 | 44 |
45 | 46 | ## Rank 5 47 | ### [The 4 Layers of Single Page Applications You Need to Know](https://hackernoon.com/architecting-single-page-applications-b842ea633c2e?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 48 | 49 | 50 |
51 | 52 | ## Rank 6 53 | ### [Heres how React's New Context API Works](https://www.youtube.com/watch?v=XLJN4JfniH4&lc=z22gg3yqxwfmtplii04t1aokgyi3g42yjslw5xy4g2hcbk0h00410.1520964558820049?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 54 | 55 | 56 |
57 | 58 | ## Rank 7 59 | ### [Higher-Order Components: The Ultimate Guide](https://medium.freecodecamp.org/higher-order-components-the-ultimate-guide-b453a68bb851?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 60 | 61 | 62 |
63 | 64 | ## Rank 8 65 | ### [2 Fast 2 Furious: migrating Medium’s codebase without slowing down](https://medium.engineering/2-fast-2-furious-migrating-mediums-codebase-without-slowing-down-84b1e33d81f4?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 66 | 67 | 68 |
69 | 70 | ## Rank 9 71 | ### [Build an Airbnb Clone with React and ElasticSearch](https://scotch.io/tutorials/build-an-airbnb-clone-with-react-and-elasticsearch?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 72 | 73 | 74 |
75 | 76 | ## Rank 10 77 | ### [How to Create a React app from scratch using Webpack 4](https://medium.freecodecamp.org/part-1-react-app-from-scratch-using-webpack-4-562b1d231e75?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 78 | -------------------------------------------------------------------------------- /src/05-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.May 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: Patterns, Tutorial, GraphQL, Medium.com clone, Context, Learning React, Recat Native, Instagram clone, React 16.3 9 | * Also published on the [publication](https://goo.gl/tRTQEA) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: The Complete React Web Developer Course (with Redux)](http://bit.ly/2mM28xA) [5,106 recommends, 4.8/5 stars] 16 | 17 | [B) React Native: The Complete React Native and Redux Course.](http://bit.ly/2lLyx6f) [16,415 recommends, 4.6/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [React in patterns: A free ebook about common design patterns used in developing with React.js](https://krasimir.gitbooks.io/react-in-patterns/content/ 23 | ?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 24 | 25 | 26 |
27 | 28 | ## Rank 2 29 | ### [Learn React.js in 5 minutes](https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 30 | 31 | 32 |
33 | 34 | ## Rank 3 35 | ### [A complete React with GraphQL Tutorial - RWieruch](https://www.robinwieruch.de/react-with-graphql-tutorial?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 36 | 37 | 38 |
39 | 40 | ## Rank 4 41 | ### [Build simple Medium.com on Node.js and React.js](https://codeburst.io/build-simple-medium-com-on-node-js-and-react-js-a278c5192f47?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 42 | 43 | 44 |
45 | 46 | ## Rank 5 47 | ### [How to Use React Context to Build a Multilingual Website Pt.1](https://blog.alexdevero.com/react-context-multilingual-website-pt1?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 48 | 49 | 50 |
51 | 52 | ## Rank 6 53 | ### [Gooact: React in 160 lines of JavaScript](https://medium.com/@sweetpalma/gooact-react-in-160-lines-of-javascript-44e0742ad60f?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 54 | 55 | 56 |
57 | 58 | ## Rank 7 59 | ### [How to React ⚛️ Let’s see how learning React ⚛️ in the right order can make it less overwhelming](https://blog.kentcdodds.com/how-to-react-%EF%B8%8F-9e87f48414d2?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 60 | 61 | 62 |
63 | 64 | ## Rank 8 65 | ### [React Native YouTube Replica](https://medium.com/react-native-training/react-native-youtube-replica-f378200d91f0?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 66 | 67 | 68 |
69 | 70 | ## Rank 9 71 | ### [Build an Instagram clone with React — Part 1: Create the UI](https://pusher.com/tutorials/instagram-clone-part-1?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 72 | 73 | 74 |
75 | 76 | ## Rank 10 77 | ### [React 16.3 - New Context API, Updated Lifecycle Hooks, New Ref API](https://www.youtube.com/watch?v=yaZzJ37Qb0U?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 78 | -------------------------------------------------------------------------------- /src/05-2019.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.May 2019) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,500 React.js articles to pick the Top 10 stories that can help advance your career (0.7% chance). 7 | 8 | * Also published on the [publication](https://medium.mybridge.co/react-js-top-10-articles-for-the-past-month-v-may-2019-c0729e8a66c5) 9 | 10 |
11 | 12 | #### Course of the month: 13 | 14 | [A) Beginners: The Modern React Bootcamp (Hooks, Context, Router & More)](http://bit.ly/2PRSM0r) [3,970 recommends, 4.9/5 stars] 15 | 16 | [B) Realtime App: Build a Realtime App with React Hooks and GraphQL](http://bit.ly/2H5sG6d) [841 recommends, 4.6/5 stars] 17 | 18 |
19 | 20 |
21 | 22 | ## Rank 1 23 | ### [Building the New facebook.com with React, GraphQL and Relay](https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 24 | 25 | 26 |
27 | 28 | ## Rank 2 29 | ### [Elixir, Phoenix, Absinthe, GraphQL, React, and Apollo: an absurdly deep dive](https://schneider.dev/blog/elixir-phoenix-absinthe-graphql-react-apollo-absurdly-deep-dive?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 30 | 31 | 32 |
33 | 34 | ## Rank 3 35 | ### [Rethinking reactivity](https://svelte.dev/blog/svelte-3-rethinking-reactivity?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 36 | 37 | 38 |
39 | 40 | ## Rank 4 41 | ### [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 42 | 43 | 44 |
45 | 46 | ## Rank 5 47 | ### [React State with Hooks: useReducer, useState, useContext](https://www.robinwieruch.de/react-state-usereducer-usestate-usecontext?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 48 | 49 | 50 |
51 | 52 | ## Rank 6 53 | ### [From Redux to Hooks: A Case Study](https://staleclosures.dev/from-redux-to-hooks-case-study?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 54 | 55 | 56 |
57 | 58 | ## Rank 7 59 | ### [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 60 | 61 | 62 |
63 | 64 | ## Rank 8 65 | ### [Storeon: "Redux" in 173 bytes — Martian Chronicles](https://evilmartians.com/chronicles/storeon-redux-in-173-bytes?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 66 | 67 | 68 |
69 | 70 | ## Rank 9 71 | ### [Application State Management with React](https://kentcdodds.com/blog/application-state-management-with-react?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 72 | 73 | 74 |
75 | 76 | ## Rank 10 77 | ### [What I wish I knew when I started to work with React.js](https://medium.freecodecamp.org/what-i-wish-i-knew-when-i-started-to-work-with-react-js-3ba36107fd13?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 78 | -------------------------------------------------------------------------------- /src/06-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.June 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: Patterns, Tutorial, GraphQL, Medium.com clone, Context, Learning React, Recat Native, Instagram clone, React 16.3 9 | * Also published on the [publication](https://goo.gl/nKmNm6) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: React 16 — The Complete Guide (incl. React Router 4 & Redux)](http://bit.ly/2CKGqkt) [5,106 recommends, 4.8/5 stars] 16 | 17 | [B) Advanced: Advanced React and Redux: 2018 Edition](http://bit.ly/2rffoiX) [5,927 recommends, 4.6/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [Optimizing React: Virtual DOM explained —](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [Andrew Clark: React Suspense](https://www.youtube.com/watch?v=z-6JC0_cOns?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [Structuring projects and naming components in React](https://hackernoon.com/structuring-projects-and-naming-components-in-react-1261b6e18d76?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 35 | 36 | 37 |
38 | 39 | ## Rank 4 40 | ### [The most important lessons I’ve learned after a year of working with React](https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 41 | 42 | 43 |
44 | 45 | ## Rank 5 46 | ### [A Rock Solid, Modern Web Stack—Rails 5 API + ActiveAdmin + Create React App on Heroku](https://blog.heroku.com/a-rock-solid-modern-web-stack?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 47 | 48 | 49 |
50 | 51 | ## Rank 6 52 | ### [A complete React with Apollo and GraphQL Tutorial - RWieruch](https://www.robinwieruch.de/react-graphql-apollo-tutorial?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 53 | 54 | 55 |
56 | 57 | ## Rank 7 58 | ### [How to build your own React boilerplate](https://medium.com/@sethalexander/how-to-build-your-own-react-boilerplate-1a97d09337fd?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 59 | 60 | 61 |
62 | 63 | ## Rank 8 64 | ### [Building a Chat App with Express, React and Socket.io with GIFs Support](https://quantizd.com/build-chat-app-with-express-react-socket-io?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 65 | 66 | 67 |
68 | 69 | ## Rank 9 70 | ### [A Gentle Introduction to Prepack, Part 1 - Dan Abramov](https://gist.github.com/gaearon/d85dccba72b809f56a9553972e5c33c4?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 71 | 72 | 73 |
74 | 75 | ## Rank 10 76 | ### [Supporting React Native at Pinterest](https://medium.com/@Pinterest_Engineering/supporting-react-native-at-pinterest-f8c2233f90e6?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 77 | 78 | 79 |
80 | 81 | ## Rank 1 82 | ### [Optimizing React: Virtual DOM explained —](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 83 | 84 | 85 |
86 | 87 | ## Rank 2 88 | ### [Andrew Clark: React Suspense](https://www.youtube.com/watch?v=z-6JC0_cOns?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 89 | 90 | 91 |
92 | 93 | ## Rank 3 94 | ### [Structuring projects and naming components in React](https://hackernoon.com/structuring-projects-and-naming-components-in-react-1261b6e18d76?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 95 | 96 | 97 |
98 | 99 | ## Rank 4 100 | ### [The most important lessons I’ve learned after a year of working with React](https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 101 | 102 | 103 |
104 | 105 | ## Rank 5 106 | ### [A Rock Solid, Modern Web Stack—Rails 5 API + ActiveAdmin + Create React App on Heroku](https://blog.heroku.com/a-rock-solid-modern-web-stack?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 107 | 108 | 109 |
110 | 111 | ## Rank 6 112 | ### [A complete React with Apollo and GraphQL Tutorial - RWieruch](https://www.robinwieruch.de/react-graphql-apollo-tutorial?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 113 | 114 | 115 |
116 | 117 | ## Rank 7 118 | ### [How to build your own React boilerplate](https://medium.com/@sethalexander/how-to-build-your-own-react-boilerplate-1a97d09337fd?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 119 | 120 | 121 |
122 | 123 | ## Rank 8 124 | ### [Building a Chat App with Express, React and Socket.io with GIFs Support](https://quantizd.com/build-chat-app-with-express-react-socket-io?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 125 | 126 | 127 |
128 | 129 | ## Rank 9 130 | ### [A Gentle Introduction to Prepack, Part 1 - Dan Abramov](https://gist.github.com/gaearon/d85dccba72b809f56a9553972e5c33c4?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 131 | 132 | 133 |
134 | 135 | ## Rank 10 136 | ### [Supporting React Native at Pinterest](https://medium.com/@Pinterest_Engineering/supporting-react-native-at-pinterest-f8c2233f90e6?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 137 | 138 | -------------------------------------------------------------------------------- /src/06-2019.md: -------------------------------------------------------------------------------- 1 | # React.js Top 10 Articles for the Past Month (v.June 2019) 2 | 3 | Mybridge 4 | 5 | For the past month, we ranked nearly 1,200 React.js articles to pick the Top 10 stories that can help advance your career (0.8% chance). 6 | 7 | * Also published on the [publication](https://medium.com/@Mybridge/react-js-top-10-articles-for-the-past-month-v-june-2019-28a401045657?postPublishedType=initial) 8 | 9 |
10 | 11 | #### Course of the month: 12 | 13 | [A) Beginner I: The Modern React Bootcamp (Hooks, Context, Router & More)](http://bit.ly/2PRSM0r) [3,970 recommends, 4.9/5 stars] 14 | 15 | [B) Beginner II: React 16.8 — The Complete Guide (incl. Hooks, Next.js, React Router & Redux)](http://bit.ly/2CKGqkt) [113,970 recommends, 4.7/5 stars] 16 | 17 |
18 | 19 | 20 | ## Rank 1 21 | ### [Best practices for building a large scale react application](https://buttercms.com/blog/best-practices-for-building-a-large-scale-react-application?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 22 | 23 | 24 |
25 | 26 | ## Rank 2 27 | ### [Discovering patterns with React hooks](https://ponyfoo.com/articles/discovering-patterns-with-react-hooks?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 28 | 29 | 30 |
31 | 32 | ## Rank 3 33 | ### [ Intro to React Hooks: A hands-on tutorial on how to create a simple functional React component using React Hooks.](https://developers.facebook.com/videos/2019/intro-to-react-hooks?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 34 | 35 | 36 |
37 | 38 | ## Rank 4 39 | ### [Learn Enough React For The Interview](https://medium.com/bb-tutorials-and-thoughts/learn-enough-react-for-the-interview-f460a2fa3aeb?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 40 | 41 | 42 |
43 | 44 | ## Rank 5 45 | ### [Facebook React with Dan Abramov](https://softwareengineeringdaily.com/2019/05/16/facebook-react-with-dan-abramov?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 46 | 47 | 48 |
49 | 50 | ## Rank 6 51 | ### [How to Redux with React Hooks?](https://www.robinwieruch.de/redux-with-react-hooks?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 52 | 53 | 54 |
55 | 56 | ## Rank 7 57 | ### [Cheatsheets for experienced React developers getting started with TypeScript [★5888]](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 58 | 59 | 60 |
61 | 62 | ## Rank 8 63 | ### [Handling Authentication in React with Context and Hooks](https://auth0.com/blog/handling-authentication-in-react-with-context-and-hooks?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 64 | 65 | 66 |
67 | 68 | ## Rank 9 69 | ### [You don't have to use Redux](https://dev.to/anssamghezala/you-don-t-have-to-use-redux-32a6?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 70 | 71 | 72 |
73 | 74 | ## Rank 10 75 | ### [Creating Your Own React Validation Library](https://www.smashingmagazine.com/2019/05/react-validation-library-basics-part1?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /src/07-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.July 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: React Native, Webpack 4, Babel, Practices, Redux, Cheatsheet, Movie Search App, Modal component 9 | * Also published on the [publication](https://goo.gl/QEnQBs) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: React Native — The Practical Guide.](http://bit.ly/2EXg3Zu) [1,811 recommends, 4.6/5 stars] 16 | 17 | [B) Advanced: Build an app with React, Redux and Firestore from scratch.](http://bit.ly/2N51QNL) [136 recommends, 4.7/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [React Native at Airbnb: Sharing our experience with using React.js [Part 1-5]](https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [State of React Native 2018 · React Native](https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [How to build a React project from scratch using Webpack 4 and Babel](https://hackernoon.com/how-to-build-a-react-project-from-scratch-using-webpack-4-and-babel-56d4a26afd32?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 35 | 36 | 37 |
38 | 39 | ## Rank 4 40 | ### [5 common practices that you can stop doing in React](https://blog.logrocket.com/5-common-practices-that-you-can-stop-doing-in-react-9e866df5d269?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 41 | 42 | 43 |
44 | 45 | ## Rank 5 46 | ### [Understanding Redux: The World’s Easiest Guide to Beginning Redux](https://medium.freecodecamp.org/understanding-redux-the-worlds-easiest-guide-to-beginning-redux-c695f45546f6?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 47 | 48 | 49 |
50 | 51 | ## Rank 6 52 | ### [React-typescript-cheatsheet: a cheatsheet for react users using typescript with react for the first (or nth!) time [★958]](https://github.com/sw-yx/react-typescript-cheatsheet?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 53 | 54 | 55 |
56 | 57 | ## Rank 7 58 | ### [A Swift Developer’s React Native Experience](https://swiftwithjustin.co/2018/06/24/a-swift-developers-react-native-experience?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 59 | 60 | 61 |
62 | 63 | ## Rank 8 64 | ### [How To Build A Movie Search App With React and ElasticSearch](https://medium.appbase.io/how-to-build-a-movie-search-app-with-react-and-elasticsearch-2470f202291c?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 65 | 66 | 67 |
68 | 69 | ## Rank 9 70 | ### [Building an accessible Modal component with React Portals: Part 2](https://assortment.io/posts/accessible-modal-component-react-portals-part-2?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 71 | 72 | 73 |
74 | 75 | ## Rank 10 76 | ### [You Probably Don't Need Derived State](https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /src/07-2019.md: -------------------------------------------------------------------------------- 1 | # React.js Top 10 Articles for the Past Month (v.July 2019) 2 | 3 | Mybridge 4 | 5 | For the past month, we ranked nearly 1,200 React.js articles to pick the Top 10 stories that can help advance your career (0.8% chance). 6 | 7 | * Also published on the [publication](https://medium.com/@Mybridge/react-js-top-10-articles-for-the-past-month-v-july-2019-abca0881bd66) 8 | 9 |
10 | 11 | #### Course of the month: 12 | 13 | [A) React Hooks: Master React Hooks, the next evolution of the popular React library for building dynamic front end interfaces](http://bit.ly/2Z6WqaC?source=post_page---------------------------) [15,832 recommends, 4.8/5 stars] 14 | [B) Beginner: React 16.8 — The Complete Guide (incl. Hooks, Next.js, React Router & Redux)](http://bit.ly/2CKGqkt?source=post_page---------------------------) [137,970 recommends, 4.7/5 stars] 15 | 16 |
17 | 18 |
19 | 20 | ## Rank 1 21 | ### [Hermes: A new open source JavaScript engine optimized for mobile apps, starting with React Native](https://code.fb.com/android/hermes?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 22 | 23 | 24 |
25 | 26 | ## Rank 2 27 | ### [The Complete Introduction to React](https://jscomplete.com/learn/complete-intro-react?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 28 | 29 | 30 |
31 | 32 | ## Rank 3 33 | ### [Speed coding tinder with React.js in 60 minutes](https://www.youtube.com/watch?v=wLGM04oi_wE&feature=youtu.be?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 34 | 35 | 36 |
37 | 38 | ## Rank 4 39 | ### [The 10 Component Commandments](https://dev.to/selbekk/the-10-component-commandments-2a7f?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 40 | 41 | 42 |
43 | 44 | ## Rank 5 45 | ### [Build a Chat App Using React Hooks in 100 Lines of Code](https://css-tricks.com/build-a-chat-app-using-react-hooks-in-100-lines-of-code?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 46 | 47 | 48 |
49 | 50 | ## Rank 6 51 | ### [One simple trick to optimize React re-renders](https://kentcdodds.com/blog/optimize-react-re-renders?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 52 | 53 | 54 |
55 | 56 | ## Rank 7 57 | ### [10 Things NOT To Do When Building React Applications](https://dev.to/jsmanifest/10-things-not-to-do-when-building-react-applications-58a7?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 58 | 59 | 60 |
61 | 62 | ## Rank 8 63 | ### [SMOOSHCAST: React Fiber Deep Dive with Dan Abramov](https://www.youtube.com/watch?v=aS41Y_eyNrU?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 64 | 65 | 66 |
67 | 68 | ## Rank 9 69 | ### [8 Practices In React That Will Crash Your App In The Future](https://dev.to/jsmanifest/8-practices-in-react-that-will-crash-your-app-in-the-future-2le5?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 70 | 71 | 72 |
73 | 74 | ## Rank 10 75 | ### [How to Generate Dynamic PDFs Using React and NodeJS](https://www.freecodecamp.org/news/how-to-generate-dynamic-pdfs-using-react-and-nodejs-eac9e9cb4dde?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /src/08-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Aug 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: Roadmap, Vue.js, React Native, Pinterest, Udacity, React Context, Redux, Style Guide, Clean Code, GraphQL 9 | * Also published on the [publication](https://goo.gl/PP6acZ) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: React 16 — The Complete Guide (incl. React Router 4 & Redux).](http://bit.ly/2CKGqkt)[16,068 recommends, 4.7/5 stars] 16 | 17 | [B) Advanced: Advanced React and Redux: 2018 Edition.](http://bit.ly/2rffoiX)[6,387 recommends, 4.7/5 stars] 18 | 19 | 20 | 21 |
22 | 23 | ## Rank 1 24 | ### [React-developer-roadmap: Roadmap to becoming a React developer in 2018 [★8079]](https://github.com/adam-golab/react-developer-roadmap?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 25 | 26 | 27 |
28 | 29 | ## Rank 2 30 | ### [I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 31 | 32 | 33 |
34 | 35 | ## Rank 3 36 | ### [Why Discord is Sticking with React Native](https://blog.discordapp.com/why-discord-is-sticking-with-react-native-ccc34be0d427?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 37 | 38 | 39 |
40 | 41 | ## Rank 4 42 | ### [A one year PWA retrospective](https://medium.com/@Pinterest_Engineering/a-one-year-pwa-retrospective-f4a2f4129e05?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 43 | 44 | 45 |
46 | 47 | ## Rank 5 48 | ### [React Native: A retrospective from the mobile-engineering team at Udacity](https://engineering.udacity.com/react-native-a-retrospective-from-the-mobile-engineering-team-at-udacity-89975d6a8102?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 49 | 50 | 51 |
52 | 53 | ## Rank 6 54 | ### [Redux vs. The React Context API](https://daveceddia.com/context-api-vs-redux?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 55 | 56 | 57 |
58 | 59 | ## Rank 7 60 | ### [React-Redux-Styleguide: This is a working set of guidelines for developing React applications. We say "guideline" because there are no hard-and-fast rules; best practices, patterns and t... [★740]](https://github.com/iraycd/React-Redux-Styleguide?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 61 | 62 | 63 |
64 | 65 | ## Rank 8 66 | ### [How We Ditched Redux for MobX](https://medium.com/skillshare-team/how-we-ditched-redux-for-mobx-a05442279a2b?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 67 | 68 | 69 |
70 | 71 | ## Rank 9 72 | ### [Clean Code saves Devs. The Caffeina approach to ReactJS](https://developers.caffeina.com/clean-code-saves-devs-the-caffeina-approach-to-reactjs-1b56ad15aa64?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 73 | 74 | 75 |
76 | 77 | ## Rank 10 78 | ### [Why GraphQL: Advantages, Disadvantages & Alternatives](https://www.robinwieruch.de/why-graphql-advantages-disadvantages-alternatives?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 79 | -------------------------------------------------------------------------------- /src/09-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Sep 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: Essential React concepts, Beginner’s Guide, Render Props Pattern, React DOM, Kent C Dodds, Data fetching, React DevTools, Context API, Internationalization, React Native 9 | * Also published on the [publication](https://goo.gl/GogbFT) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: The Complete React Web Developer Course (with Redux).](http://bit.ly/2mM28xA) [7,378 recommends, 4.7/5 stars] 16 | 17 | [B) Advanced: Build an app with React, Redux and Firestore from scratch.](http://bit.ly/2N51QNL) [1,751 recommends, 4.7/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [Getting Started with React – An Overview and Walkthrough](https://www.taniarascia.com/getting-started-with-react?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [A Complete Beginner's Guide to React](https://dev.to/aspittel/a-complete-beginners-guide-to-react-2cl6?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [React's Render Props Pattern](https://www.robinwieruch.de/react-render-props-pattern?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 35 | 36 | 37 |
38 | 39 | ## Rank 4 40 | ### [Announcing React Fire: a new effort to modernize React DOM [★110275]](https://github.com/facebook/react/issues/13525?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 41 | 42 | 43 |
44 | 45 | ## Rank 5 46 | ### [Kent C Dodds Simply React: Why I love React component patterns so much](https://www.youtube.com/watch?v=AiJ8tRRH0f8?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 47 | 48 | 49 |
50 | 51 | ## Rank 6 52 | ### [Data fetching in Redux apps — a 100% correct approach](https://blog.logrocket.com/data-fetching-in-redux-apps-a-100-correct-approach-4d26e21750fc?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 53 | 54 | 55 |
56 | 57 | ## Rank 7 58 | ### [Using the React DevTools Profiler to Diagnose React App Performance Issues | Netlify](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 59 | 60 | 61 |
62 | 63 | ## Rank 8 64 | ### [React Context API: Managing State with Ease](https://auth0.com/blog/react-context-api-managing-state-with-ease?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 65 | 66 | 67 |
68 | 69 | ## Rank 9 70 | ### [Simple internationalization of React apps](https://itnext.io/simple-internationalization-of-react-apps-34b3bda95725?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 71 | 72 | 73 |
74 | 75 | ## Rank 10 76 | ### [You are NOT a React Native noob ](https://hackernoon.com/you-are-not-a-react-native-noob-c4309ceccd91?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 77 | 78 | -------------------------------------------------------------------------------- /src/10-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Oct 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: React Profiler, React16, Redux, Performance, Angular, Rerender, React Native, Jest and Enzyme, Tech Interview, Gatsby.js 9 | * Also published on the [publication](https://goo.gl/ECve54) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: React 16 — The Complete Guide (incl. React Router 4 & Redux).](http://bit.ly/2CKGqkt) [20,231 recommends, 4.7/5 stars] 16 | 17 | [B) React Native — The Practical Guide.](http://bit.ly/2EXg3Zu) [2,809 recommends, 4.7/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [Introducing the React Profiler – React Blog](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [Why React16 is a blessing to React developers](https://medium.freecodecamp.org/why-react16-is-a-blessing-to-react-developers-31433bfc210a?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [Goodbye Redux: A complete breakdown on why we needed Redux in the past, and why we don’t any more.](https://hackernoon.com/goodbye-redux-26e6a27b3a0b?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 35 | 36 | 37 |
38 | 39 | ## Rank 4 40 | ### [Cache your React event listeners to improve performance.](https://medium.com/@Charles_Stover/cache-your-react-event-listeners-to-improve-performance-14f635a62e15?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 41 | 42 | 43 |
44 | 45 | ## Rank 5 46 | ### [A comparison between Angular and React and their core languages](https://medium.freecodecamp.org/a-comparison-between-angular-and-react-and-their-core-languages-9de52f485a76?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 47 | 48 | 49 |
50 | 51 | ## Rank 6 52 | ### [How to prevent a rerender in React](https://www.robinwieruch.de/react-prevent-rerender-component?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 53 | 54 | 55 |
56 | 57 | ## Rank 7 58 | ### [Why & How Words With Friends Is Adopting React Native](https://medium.com/zynga-engineering/why-how-words-with-friends-is-adopting-react-native-b24a405f421c?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 59 | 60 | 61 |
62 | 63 | ## Rank 8 64 | ### [How to Test React Components using Jest and Enzyme](https://blog.bitsrc.io/how-to-test-react-components-using-jest-and-enzyme-fab851a43875?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 65 | 66 | 67 |
68 | 69 | ## Rank 9 70 | ### [26 React Interview Questions and Answers in 2018](https://www.fullstack.cafe/blog/top-26-react-redux-interview-questions-to-brush-up-2018?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 71 | 72 | 73 |
74 | 75 | ## Rank 10 76 | ### [Build a blog using Gatsby.js & React](https://dev.to/saigowthamr/build-a-blog-using-gatsbyjs--react--2lo?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /src/11-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Nov 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Topics in this list: React Hooks, Fullstack Guide, Job Interview, Fundamentals, Manage State, SOLID, React 16.6, GraphQL, Webpack 4 9 | * Also published on the [publication](https://goo.gl/C8vn3r) 10 | 11 |
12 | 13 | #### Course of the month: 14 | 15 | [A) Beginners: Node with React: Fullstack Web Development.](http://bit.ly/2EQfnEN) [6,831 recommends, 4.6/5 stars] 16 | 17 | [B) Advanced React and Redux: 2018 Edition.](http://bit.ly/2rffoiX) [7,012 recommends, 4.7/5 stars] 18 | 19 |
20 | 21 | ## Rank 1 22 | ### [Introducing Hooks – React](https://reactjs.org/docs/hooks-intro.html?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 23 | 24 | 25 |
26 | 27 | ## Rank 2 28 | ### [Making Sense of React Hooks](https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 29 | 30 | 31 |
32 | 33 | ## Rank 3 34 | ### [Fullstack React: The Fullstack Guide To What's New in Create React App 2.0](https://www.fullstackreact.com/articles/fullstack-guide-whats-new-in-create-react-app-and-how-to-use-it?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 35 | 36 | 37 |
38 | 39 | ## Rank 4 40 | ### [A React job interview — recruiter perspective.](https://medium.com/@baphemot/a-react-job-interview-recruiter-perspective-f1096f54dd16?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 41 | 42 | 43 |
44 | 45 | ## Rank 5 46 | ### [These React Fundamentals You Skip may be Killing You](https://medium.freecodecamp.org/these-react-fundamentals-you-skip-may-be-killing-you-7629fb87dd4a?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 47 | 48 | 49 |
50 | 51 | ## Rank 6 52 | ### [A different way to manage state in React](https://hackernoon.com/a-different-way-to-manage-state-in-react-2d21dfb94482?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 53 | 54 | 55 |
56 | 57 | ## Rank 7 58 | ### [How to apply SOLID principles in React applications](https://blog.usejournal.com/how-to-apply-solid-principles-in-react-applications-6c964091a982?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 59 | 60 | 61 |
62 | 63 | ## Rank 8 64 | ### [React 16.6 - What's New? Theory + Practice](https://www.youtube.com/watch?v=BnasObkCGtQ?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 65 | 66 | 67 |
68 | 69 | ## Rank 9 70 | ### [GraphQL: A success story for PayPal Checkout](https://medium.com/paypal-engineering/graphql-a-success-story-for-paypal-checkout-3482f724fb53?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 71 | 72 | 73 |
74 | 75 | ## Rank 10 76 | ### [React + Webpack 4 + Babel 7 Setup Tutorial](https://www.robinwieruch.de/minimal-react-webpack-babel-setup?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /src/12-2018.md: -------------------------------------------------------------------------------- 1 | 2 | # React.js Top 10 Articles for the Past Month (v.Dec 2018) 3 | 4 | Mybridge 5 | 6 | For the past month, we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance). 7 | 8 | * Also published on the [publication](https://goo.gl/qRGjtt) 9 | 10 |
11 | 12 | #### Course of the month: 13 | 14 | [A) Beginners: React 16 — The Complete Guide (incl. React Router 4 & Redux).](http://bit.ly/2CKGqkt) [20,302 recommends, 4.7/5 stars] 15 | 16 | [B) Create Chatbot for Website with React and Node.js.](http://bit.ly/2PqI8Mr) [510 recommends, 4.5/5 stars] 17 | 18 |
19 | 20 | ## Rank 1 21 | ### [A Netflix Web Performance Case Study](https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 22 | 23 | 24 |
25 | 26 | ## Rank 2 27 | ### [An Introduction to Hooks in React](https://www.fullstackreact.com/articles/an-introduction-to-hooks-in-react?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 28 | 29 | 30 |
31 | 32 | ## Rank 3 33 | ### [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 34 | 35 | 36 |
37 | 38 | ## Rank 4 39 | ### [These are the concepts you should know in React.js (after you learn the basics)](https://medium.freecodecamp.org/these-are-the-concepts-you-should-know-in-react-js-after-you-learn-the-basics-ee1d2f4b8030?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 40 | 41 | 42 |
43 | 44 | ## Rank 5 45 | ### [How Does React Tell a Class from a Function?](https://overreacted.io/how-does-react-tell-a-class-from-a-function?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 46 | 47 | 48 |
49 | 50 | ## Rank 6 51 | ### [Fast as never before. Code-splitting with React Suspense, lazy + Router + Redux + Webpack 4](https://medium.com/@svyat770/fast-as-never-before-code-splitting-with-react-suspense-lazy-router-redux-webpack-4-d55a95970d11?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 52 | 53 | 54 |
55 | 56 | ## Rank 7 57 | ### [Inside Fiber: in-depth overview of the new reconciliation algorithm in React](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 58 | 59 | 60 |
61 | 62 | ## Rank 8 63 | ### [Build a React To-Do App with React Hooks (No Class Components)](https://scotch.io/tutorials/build-a-react-to-do-app-with-react-hooks-no-class-components?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 64 | 65 | 66 |
67 | 68 | ## Rank 9 69 | ### [State of React State Management in 2019](https://blog.bitsrc.io/state-of-react-state-management-in-2019-779647206bbc?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 70 | 71 | 72 |
73 | 74 | ## Rank 10 75 | ### [The how and why on React’s usage of linked list in Fiber to walk the component’s tree: The main algorithm of the work loop in React’s reconciler](https://medium.com/dailyjs/the-how-and-why-on-reacts-usage-of-linked-list-in-fiber-67f1014d0eb7?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more) 76 | 77 | 78 | 79 | -------------------------------------------------------------------------------- /src/Sep-React-Top10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/Sep-React-Top10.png -------------------------------------------------------------------------------- /src/Top10-0519-React.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/Top10-0519-React.png -------------------------------------------------------------------------------- /src/Top10-Dec-React.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/Top10-Dec-React.png -------------------------------------------------------------------------------- /src/Top10-Nov-React.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/Top10-Nov-React.png -------------------------------------------------------------------------------- /src/apr-react-article.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/apr-react-article.jpg -------------------------------------------------------------------------------- /src/aug-react-top10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/aug-react-top10.png -------------------------------------------------------------------------------- /src/feb-react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/feb-react.png -------------------------------------------------------------------------------- /src/july-react-top10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/july-react-top10.jpg -------------------------------------------------------------------------------- /src/june-reactjs-top10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/june-reactjs-top10.jpg -------------------------------------------------------------------------------- /src/mar-react-article.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/mar-react-article.png -------------------------------------------------------------------------------- /src/may-react-top10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/may-react-top10.jpg -------------------------------------------------------------------------------- /src/oct-top10-react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/oct-top10-react.png -------------------------------------------------------------------------------- /src/react-1906-top10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/react-1906-top10.png -------------------------------------------------------------------------------- /src/react-1907-top10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/react-articles/8a5cba38036ebb9637387188f299e6744329be33/src/react-1907-top10.png --------------------------------------------------------------------------------