Built in May 2020. React.js + Node.js starter kits for any purpose, basic kits, and more advances ones, including most powerful packages such as React.js, Node.js, Redux, Redux-Thunk, Redux-Saga, Redux-Toolkit, React-Hooks, localStorage, Socket-io, SCSS, Express.js, Mongoose.js, and more. Great as boilerplate for job interviews.
In the project directory, you can find:
client-hooks-empty - An empty client project with React.js hooks basics.
client-hooks-redux-thunk - A client project (simulates movies library) with React.js hooks and redux thunk basics (Database: themoviedb API).
client-hooks-redux-toolkit - A client project (simulates movies library) with React.js hooks and redux toolkit (Database: themoviedb API).
client-hooks-useState-local-storage - A client project (simulates movies library) with simple hooks states, with local storage (Database: themoviedb API).
client-redux-saga - A client project (simulates movies library) with React.js basic syntax and redux saga basics (Database: themoviedb API).
client-redux-thunk - A client project (simulates movies library) with React.js basic syntax and redux thunk basics (Database: themoviedb API).
client-simple-state-local-storage - A client project (simulates movies library) with React.js basic syntax and with local storage (Database: themoviedb API).
example-client-hooks-keep-scroll-position - A client project example that demonstrates how to use useMemo and useCallback in the right way.
example-client-hooks-render-once - A client project example that demonstrates how to use useState, useEffect, useCallback hooks, without re-rendering the entire document.
example-complex-useRef - A client project example that demonstrates how to use useRef in the right way.
example-context-api - A client project example that demonstrates how to use context API in the right way.
example-context-custom - A client project example that demonstrates how to use custom context, with logic and useState within a context external file.
example-custom-hook-http - A client project example that demonstrates how to build and use async custom-hook in the right way.
example-custom-hook-simple - A client project example that demonstrates how to build and use simple custom-hook in the right way.
example-next.js - A full project (simulates meetups events), client and server combined in a Next.js framework.
project-server-express-empty---client-hooks-empty - A full project: On the client - Project of an empty React.js hooks. On the server - Project of a Node.js server with express.
project-server-external-api---client-hooks-redux-thunk - A full project (simulates movies library): On the client - Project of React.js hooks and redux thunk basics. On the server - Project of a Node.js server with express (Database: themoviedb API).
project-server-external-api---client-hooks-redux-thunk---socket.io - A full project (simulates movies library): On the client - Project of React.js hooks and redux thunk basics and simulates socket.io. On the server - Project of a Node.js server with express and socket.io (Database: themoviedb API).
project-server-external-api---client-hooks-useState-local-storage - A full project (simulates movies library): On the client - Project of React.js hooks with simple hooks states, with local storage. On the server - Project of a Node.js server with express (Database: themoviedb API).
project-server-external-api---client-redux-saga - A full project (simulates movies library): On the client - Project of React.js basic syntax and redux saga basics. On the server - Project of a Node.js server with express (Database: themoviedb API).
project-server-external-api---client-redux-thunk - A full project (simulates movies library): On the client - Project of React.js basic syntax and redux thunk basics. On the server - Project of a Node.js server with express (Database: themoviedb API).
project-server-external-api---client-simple-state-local-storage - A full project (simulates movies library): On the client - Project of React.js basic syntax and with local storage. On the server - Project of a Node.js server with express (Database: themoviedb API).
project-server-JSON-files---client-hooks-redux-thunk - A full project (simulates movies library): On the client - Project of React.js hooks and redux thunk basics. On the server - Project of a Node.js server with express (Database: local JSON files from themoviedb, from Sources directory).
project-server-MONGO-database---client-hooks-redux-thunk - A full project (simulates movies library): On the client - Project of React.js hooks and redux thunk basics. On the server - Project of a Node.js server with express and mongoose (Database: MongoDB from JSON local files from themoviedb, from Sources directory).
project-server-socket-io-empty---client-hooks-empty - A full project: On the client - Project of an empty React.js hooks. On the server - Project of a Node.js server with socket.io.
server-empty - An empty Node.js server project.
All the client React.js projects are built with create-react-app Create React App.
Movies library data provided by themoviedb.
In the templates directory you can find great and basic examples for HTML and CSS snippets from codepen.
for the following projects: project-server-MONGO-database---client-hooks-redux-thunk project-server-JSON-files---client-hooks-redux-thunk
You will need a local JSON file. They can be found in the Sources directory. Inside of these projects, drop this "dist" directory into the server/src directory.
- Or Assayag - Initial work - orassayag
- Or Assayag orassayag@gmail.com
- GitHub: https://github.com/orassayag
- StackOverFlow: https://stackoverflow.com/users/4442606/or-assayag?tab=profile
- LinkedIn: https://linkedin.com/in/orassayag
This application has an UNLICENSED license.