React.JS


Let me share some useful resources related to React.JS

First let's have a look to overall Layer architecture, to get big picture.


Layer Component Examples
4 At browser : MVC Framework Angular.JS, React.JS, Veu.JS, Vanila JS etc.
3 Web Application Framework (WAF) Express.JS
2 Server side scripting Node.JS
1 Databse (DB) Mongo DB, Any NoSQL DB

With React.JS one can build: 

1. Web Application
2. Web Services
3. Web Resources
4. Web API

We have

1. React.JS to build user interface
2. React Native to build application for Android OS, iOS and UWP (Universal Windows Platform : Windows10)


Now here is list of URLs:

URLs
https://en.wikipedia.org/wiki/React_(JavaScript_library)
https://en.wikipedia.org/wiki/Web_framework
https://en.wikipedia.org/wiki/MEAN_(software_bundle)
https://www.quora.com/What-is-a-full-stack-in-JavaScript
https://redux.js.org/
https://reactjs.org/
http://www.material-ui.com/
https://x-team.com/blog/react-baby-steps/
Basics

HTML
https://www.w3schools.com/html/
CSS
https://www.w3schools.com/css/
https://www.codecademy.com/learn/learn-css
https://www.safaribooksonline.com/library/view/designing-with-web/9780321679765/ (safari books)
JavaScript
https://javascript.info/
https://www.safaribooksonline.com/library/view/speaking-javascript/9781449365028/ (safari books)
es6
https://www.udemy.com/essentials-in-javascript-es6/learn/v4/content
React

https://reactjs.org/tutorial/tutorial.html
https://reactjs.org/docs/getting-started.html
https://www.safaribooksonline.com/videos/reactjs-fundamentals-second/9780134854670 (safari books)
Webpack

https://webpack.js.org/concepts/
https://www.valentinog.com/blog/react-webpack-babel/

Redux

https://redux.js.org/
https://egghead.io/courses/getting-started-with-redux

React-Router

https://reacttraining.com/react-router/web/guides/quick-start
https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf

Internationalization

https://github.com/yahoo/react-intl/wiki#getting-started
https://medium.com/@marcelmokos/internationalize-react-apps-done-right-using-react-intl-library-82978dbe175e

Utility libraries
Axios

https://github.com/axios/axios

Loadash
https://lodash.com/docs/4.17.10
Moment
https://momentjs.com/docs/
Testing

https://jestjs.io/docs/en/getting-started (jest)
https://airbnb.io/enzyme/docs/api/ (enzyme)
https://hackernoon.com/testing-react-components-with-jest-and-enzyme-41d592c174f (react + jest +enzyme)

Some more reference

1. To get start with skeleton code using this NPM project. 





0 comments:

Post a Comment