Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codenameyau/react-express-template
Create React App with Express template
https://github.com/codenameyau/react-express-template
create-react-app express javascript react storybook styled-components watch-mode
Last synced: 27 days ago
JSON representation
Create React App with Express template
- Host: GitHub
- URL: https://github.com/codenameyau/react-express-template
- Owner: codenameyau
- License: mit
- Created: 2020-02-26T19:20:53.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T08:23:53.000Z (about 2 years ago)
- Last Synced: 2024-10-31T20:43:22.193Z (3 months ago)
- Topics: create-react-app, express, javascript, react, storybook, styled-components, watch-mode
- Language: JavaScript
- Homepage: https://react-express-app-template.herokuapp.com/
- Size: 2.11 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-express-template
https://react-express-app-template.herokuapp.com/
### Features
- CRA watch mode and hot module reloading for React application.
- Watch mode for our node Express server.
- Styled components (zero css files).
- Storybook component development.
- Express server comes with proxy, middleware, logging.
- Git Workflow: Prettier, eslint, imagemin is run on every commit.
- Isomorphic ES6 import statements on both client app and server.
## CLI Commands
#### Getting Started
```bash
# Copy env file then copy paste env variables.
cp env/local.env .env
# install dependencies
yarn install
# Spin up dev server.
yarn start
```
#### Other Commands
```bash
# Run unit tests with Jest and Enzyme.
yarn test
# Analyze bundle size.
yarn analyze
# Run storybook.
yarn storybook
# Build and run production app.
yarn production
```
## Resources
### Configuring Create React App
https://create-react-app.dev/docs/advanced-configuration
### Analyzing node modules size
Having too many node modules can increase the disk space requirement and memory
usage on your development machine and servers. Use this command to analyze the
size of individual dependencies in your node modules.
```bash
du -h -d1 node_modules/ | sort -hr | less
```
### Storybook addons
By default this template does not come with storybook addons although I highly
recommend using them for development. You can find a full list of add-ons here:
https://github.com/storybookjs/storybook/tree/master/addons
```bash
yarn add -D @storybook/addon-viewport @storybook/addon-docs
```
Then edit `.storybook/main.js`
```
addons: [
'@storybook/addon-viewport',
'@storybook/addon-docs'
],
```