ReactJS Snippets

React Custom Logger :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src/commons/logger

 

Apollo provider & client generic class :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src/commons/apollo

 

React generic page :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src/commons/pages

 

NotFound Page :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/blob/master/src/commons/pages/notfound/NotFoundPage.jsx

 

Loading Page :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src/commons/pages/loading

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/blob/master/src/users/pages/UserListPage.jsx

 

Empty result page :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src/commons/pages/empty

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/blob/master/src/users/pages/UserListPage.jsx

 

Error page :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src/commons/pages/error

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/blob/master/src/users/pages/UserListPage.jsx

 

How to Organize a Large React Application and Make It Scale :

https://twitter.com/b_k_hela/status/976180157605203968

Personaly I put everything inside src and I prefer to organize my components by modules (functionality) .

After each module is divided : pages/components/graphql/redux :

https://github.com/helabenkhalfallah/react-apollo-redux-graphql/tree/master/src

 

Reactjs VS code snippets :

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets