https://github.com/fdaciuk/workflow-reactjs

My workflow with ReactJS + Webpack 3+
https://github.com/fdaciuk/workflow-reactjs

async-await boilerplate boilerplate-template dynamic-import react reactjs storybook webpack webpack3 workflow workflow-reactjs

Last synced: 12 days ago
JSON representation

My workflow with ReactJS + Webpack 3+

• Host: GitHub
• URL: https://github.com/fdaciuk/workflow-reactjs
• Owner: fdaciuk
• Archived: true
• Created: 2016-07-09T17:49:32.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-06-15T19:03:22.000Z (over 1 year ago)
• Last Synced: 2024-09-28T22:07:16.643Z (4 months ago)
• Topics: async-await, boilerplate, boilerplate-template, dynamic-import, react, reactjs, storybook, webpack, webpack3, workflow, workflow-reactjs
• Language: JavaScript
• Homepage:
• Size: 518 KB
• Stars: 146
• Watchers: 19
• Forks: 51
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome_ai_agents - Workflow-Reactjs - My workflow with ReactJS + Webpack 3+ (Building / Workflows)
• awesome_ai_agents - Workflow-Reactjs - My workflow with ReactJS + Webpack 3+ (Building / Workflows)

README

        
## Workflow ReactJS

# :warning: Disclaimer

Instead of using this project, prefer [better](https://github.com/fdaciuk/boilerplate-vite-react) and [modern alternatives](https://react.dev/learn/start-a-new-react-project)

---

### What's inside it?

* Webpack 3+

* Babel

* React hot loader

* HTML and CSS generated automatically by webpack

* Jest for tests and Chai for assertions

* Storybook to create isolatelly components' stories

* Async/await

* Dynamic `import()` function

* Webpack tree shaking!

* [Preact](https://preactjs.com/) for production build (optional)

### Dependencies:

- Node.js `>=` v6;

### Up and running

- Clone this repository: `git clone [email protected]:fdaciuk/workflow-reactjs.git`;

- Remove `.git` directory;

- Install dependencies: `yarn` (or `npm i`);

- Run `yarn dev` (or `npm start`) to develop on `http://localhost:3000`

- Run `yarn build` (or `npm run build`) for production build (files will be generated on `dist` directory)

### Troubleshooting

If you are on Windows, and try to run `yarn lint`, you'll get an error

because `spawn` module does not work very well on Windows.

You should install `cross-spawn`, and edit `gulpfile.js`, removing line `4` and

uncomment line `7`.

A big thanks to [@hgtpcastro](https://github.com/hgtpcastro) for this tip.

## Scripts

- `yarn dev (or npm run dev)`: Starts the application on development mode

- `yarn test (or npm test)`: Run tests once

- `yarn test:watch (or npm run test:watch)`: Run tests in watch mode

- `yarn build (or npm run build)`: Build project to production

- `yarn build:analyzer (or npm run build:analyzer)`: Build project to production and open bundle analyzer on `8888` port

- `yarn storybook (or npm run storybook)`: Run Storybook on `6006` port

- `yarn storybook:build`: Build Storybook to static files

- `yarn update-packages`: Update all packages to the latest version

- `yarn start (or npm start)`: Special script reserved to run production code. Change as you wish. For now, it is the same as `yarn dev`.

## License

[MIT](https://github.com/fdaciuk/licenses/blob/master/MIT-LICENSE.md) © Fernando Daciuk