Today you have basically two ways how to start new react application: NextJs or Create React App. I created this repository couple of years ago and now I try to keep it alive so that I have at least some idea how to bootstrap new react application from scratch.
Backend is provided by graphq.cool ❤️
You can try the application here (it might take a while before the free server wakes up)
I was slowly getting lost in all of my side projects. Every time I wanted to learn something new I had to create a basic UI for my application. So I decided to create my own components library.
You can find the repository here
In the past, Apollo users stored their application’s local data in a separate Redux or MobX store. With apollo-link-state, you no longer have to maintain a second store for local state. You can instead use the Apollo Client cache as your single source of truth that holds all of your local data alongside your remote data. To access or update your local state, you use GraphQL queries and mutations just like you would for data from a server.
You can find more information here
Run
yarn install
Vendors dll files should be generated automatically in /public/vendors-[hash].js every time you change your dependencies.
Development server is provided by express framework. Webpack is injected to the app through webpack-dev-middleware and webpack-hot-middleware.
To start the server just run: yarn dev
Project files are generated into the /public folder using yarn build:production command.
-
Use
yarn build:productionin order to build the static files. -
Use
yarn prodcommand in order to start the app. This will start express server.
This application is Heroku ready. All you have to do is set config:set NPM_CONFIG_PRODUCTION=false in your your config. Everything else is prepared.
The development process is not dockerized. However, it is possible to run a production application from docker container:
docker-compose up