vikpe / React Webpack Typescript Starter
Licence: mit
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to React Webpack Typescript Starter
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-63.77%)
Mutual labels: webpack, hmr, babel, boilerplate
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+2863.13%)
Mutual labels: webpack, hmr, babel, boilerplate
Threejs Webpack Es6 Boilerplate
A basic boilerplate for a Three.js project compiled with Webpack and transpiled via Babel to enable using ES6 syntax.
Stars: ✭ 267 (-57.75%)
Mutual labels: webpack, babel, boilerplate, sass
Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (-83.86%)
Mutual labels: webpack, babel, boilerplate, sass
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-77.22%)
Mutual labels: webpack, babel, boilerplate, sass
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-73.89%)
Mutual labels: webpack, babel, boilerplate, sass
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+60.76%)
Mutual labels: webpack, babel, boilerplate, sass
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+158.39%)
Mutual labels: webpack, babel, boilerplate, sass
Webpack Starter
✨ A lightweight foundation for your next webpack based frontend project.
Stars: ✭ 1,745 (+176.11%)
Mutual labels: webpack, babel, boilerplate, sass
Kirby Webpack
💪 A Kirby CMS starter-kit with modern frontend tools
Stars: ✭ 150 (-76.27%)
Mutual labels: webpack, hmr, boilerplate, sass
Webpack Boilerplate
A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board
Stars: ✭ 404 (-36.08%)
Mutual labels: webpack, babel, boilerplate, sass
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: ✭ 228 (-63.92%)
Mutual labels: webpack, babel, sass
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (-13.92%)
Mutual labels: webpack, babel, sass
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (-61.39%)
Mutual labels: webpack, babel, boilerplate
Frontend Webpack Boilerplate
Simple starter webpack 5 project template supporting SASS/PostCSS, Babel ES7, browser syncing, code linting. Easy project setup having multiple features and developer friendly tools.
Stars: ✭ 242 (-61.71%)
Mutual labels: webpack, boilerplate, sass
Minimal React Starter
As minimal a react starter as you can get... while also using ES6/Babel and Webpack.
Stars: ✭ 246 (-61.08%)
Mutual labels: webpack, hmr, babel
Static Html Webpack Boilerplate
🔮 modern tooling for old-school static webpage development
Stars: ✭ 226 (-64.24%)
Mutual labels: webpack, babel, boilerplate
React Redux Sass Starter
Everything you need to get started with a basic React application
Stars: ✭ 293 (-53.64%)
Mutual labels: webpack, babel, sass
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (-52.85%)
Mutual labels: webpack, babel, boilerplate
Kratos Boilerplate
🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
Stars: ✭ 308 (-51.27%)
Mutual labels: webpack, boilerplate, sass
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
- React (17.x)
- Webpack (5.x)
- Typescript (4.x)
- Hot Module Replacement (HMR) (React Hot Loader)
- Production build script (Webpack)
- Image loading/minification (Image Webpack Loader)
- SASS support
- Code linting (ESLint) and formatting (Prettier)
- Test framework (Jest)
Installation
- Clone/download repo
-
yarn install
(ornpm install
for npm)
Usage
Development
yarn run start-dev
- Build app continuously (HMR enabled)
- App served @
http://localhost:8080
Production
yarn run start-prod
- Build app once (HMR disabled) to
/dist/
- App served @
http://localhost:3000
All commands
Command | Description |
---|---|
yarn run start-dev |
Build app continuously (HMR enabled) and serve @ http://localhost:8080
|
yarn run start-prod |
Build app once (HMR disabled) to /dist/ and serve @ http://localhost:3000
|
yarn run build |
Build app to /dist/
|
yarn run test |
Run tests |
yarn run lint |
Run linter |
yarn run lint --fix |
Run linter and fix issues |
yarn run start |
(alias of yarn run start-dev ) |
Note: replace yarn
with npm
in package.json
if you use npm.
See also
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].