Useful articles to learn Reactjs,Reactnative and Nodejs

Since past year I have been using medium as my primary source of information for learning about various new technologies, software tools and products. Many articles on frontend development especially in react ecosystem helped me a lot to learn web and mobile application development. Here are some of the articles which I personally followed when I was a junior frontend UI developer and which might be useful for you to start learning about various tools and frameworks within react ecosystem :

React

1)Rekit:

Rekit is a new starter kit for react which automates most of the setup tasks for redux and routing purposes along with web UI for getting information on redux components:

Official Github link: https://github.com/supnate/rekit

Medium tutorials:

a)Basic: https://medium.com/@nate_wang/try-react-fiber-with-rekit-a9d4179474a1

b)Advanced: https://medium.com/@nate_wang/using-rekit-to-quickly-create-a-react-app-108bcc07e7f

2)Online portfolio:

Noone gives much attention to resumes these days and as a senior developer it has become imperative to have an online portfolio for improving your chances in interviews.

Sample dev portfolios: https://codeburst.io/10-awesome-web-developer-portfolios-d266b32e6154

3)ReactVR:

With advent of 2017 usage of virtual reality applications has become widespread as predicted earlier and reactVR is in continuous development interative cycles to meet the required standards in this industry.

Medium tutorial series: https://medium.com/coding-artist/learn-react-vr-chapter-1-hello-virtual-world-202241c0cb63

4)Core JS and web dev tools:

Medium articles:

a)JS shorthand techniques: https://hackernoon.com/12-amazing-javascript-shorthand-techniques-fef16cdbc7fe

b)Chrome debugging explained in detail: https://medium.freecodecamp.org/mastering-chrome-developer-tools-next-level-front-end-development-techniques-3ac0b6fe8a3

c) Top JS frameworks: https://hackernoon.com/top-7-javascript-frameworks-c8db6b85f1d0

d)Async await:

i) https://hackernoon.com/6-reasons-why-javascripts-async-await-blows-promises-away-tutorial-c7ec10518dd9

ii)https://hackernoon.com/javascript-es7-async-await-bible-tutorial-example-32294f6133ab

d)Chrome plugins: https://hackernoon.com/25-chrome-extensions-apps-and-hacks-to-2x-your-productivity-dd4b13e95443

e)Concept of virtual DOM: https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf

5)Graphql-CosmicJS:

Graphql is an API querying language for getting data from backend server.

Medium articles:

a)https://hackernoon.com/how-to-build-a-react-website-powered-by-the-cosmic-js-graphql-api-1fc246137b57

b)https://dev-blog.apollodata.com/introducing-launchpad-the-graphql-server-demo-platform-cc4e7481fcba

c)https://hackernoon.com/how-to-build-a-react-graphql-static-site-served-from-aws-cloudfront-a2c4b7826a79

d)https://hackernoon.com/deploy-a-react-app-on-cosmic-js-in-3-easy-steps-d73b1da3556

e)https://blog.hichroma.com/create-graphql-server-instantly-scaffold-a-graphql-server-1ebad1e71840

6)Progressive web apps in react:

Medium article:

https://hackernoon.com/deploy-a-react-app-on-cosmic-js-in-3-easy-steps-d73b1da3556U i

7)UI frameworks in reactjs:

Medium article:

https://hackernoon.com/the-coolest-react-ui-frameworks-for-your-new-react-app-ad699fffd651

8)Redux,performance optimization and react-router:

i)Redux article:

a)https://hackernoon.com/redux-and-react-router-v4-a-tale-of-two-datastores-8dd91f47d14e

ii)React performance optimization:

b)https://hackernoon.com/improving-first-time-load-of-a-production-react-app-part-1-of-2-e7494a7c7ab0

c)https://medium.com/@nesbtesh/react-performance-optimization-28ec5b61fff3

ReactNative

a)Splash screen:

https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae

b)Gulp:

https://blog.hellojs.org/speed-up-development-reactnative-with-gulp-738bff1dbaba

c)AsyncAdapter:

https://blog.callstack.io/react-native-and-native-modules-the-android-syncadapter-517ddf851bf4

d)Social Authentication:

https://medium.com/@thekaushik/social-authentication-with-firebase-on-react-native-8cd669993362

e)Redux in reactnative:

https://medium.com/the-react-native-log/a-guide-to-react-native-with-redux-and-immutable-js-65a2b795cb6f

f)Infinite Scroll:

https://blog.nativebase.io/building-infinite-scroll-in-react-native-e717602553f8?source=bookmarks———98—————-&gi=de5e1babe486

g)React native navigation:

https://medium.com/@bosung90/tackling-react-native-navigation-with-react-native-router-flux-and-redux-27fcd86fb2b7

h)Npm scripts:

https://medium.com/komenco/useful-react-native-npm-scripts-6c07b04c3ac3

i)Storage in ReactNative:

https://medium.com/@bosung90/tackling-react-native-storage-part-1-d27b2bfa480f

j)Offline first applications in react native:

https://medium.com/differential/building-offline-first-react-native-apps-b958acac0009

k)Taking application to production:

https://medium.com/differential/building-offline-first-react-native-apps-b958acac0009

l)User authentication:

https://medium.com/differential/building-offline-first-react-native-apps-b958acac0009

j)Cross platform applications:

https://medium.com/@ReactJS_News/how-to-build-a-cross-platform-blog-using-react-native-and-node-js-medium-f72487279f9e

Feel free to follow my publication on medium: Codeclassifiers to get notified about such interesting articles in the future or follow our facebook publication here.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.