Workflow Reactjs
My workflow with ReactJS + Webpack 3+
Overview:
The Workflow ReactJS is a project that aims to provide a comprehensive set of tools and features for developing ReactJS applications. It comes with Webpack 3, Babel, React hot loader, and Jest for testing, among other features. The project also includes Storybook for creating component stories and supports async/await and dynamic import() functions. Additionally, it offers the option to use Preact for production builds. The project requires Node.js version 6 or higher and can be easily set up by cloning the repository and installing the dependencies. The developers provide a list of scripts for starting the application, running tests, building the project, and more. The project is licensed under MIT.
Features:
- Webpack 3
- Babel
- React hot loader
- HTML and CSS generated automatically by webpack
- Jest for tests
- Chai for assertions
- Storybook for creating isolated components' stories
- Async/await support
- Dynamic import() function
- Webpack tree shaking
- Optional use of Preact for production build
Summary:
The Workflow ReactJS project provides a comprehensive set of tools and features for developing ReactJS applications. It includes Webpack 3, Babel, React hot loader, and Jest for testing. It also supports async/await and dynamic import() functions, and offers the option to use Preact for production builds. The project can be easily set up by cloning the repository and installing the dependencies, and provides a range of useful scripts for development, testing, and building the project. The project is licensed under MIT.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.