WhitestormJS / Whitestorm Typescript Boilerplate
Licence: mit
📦 🚀 TypeScript boilerplate for WhitestormJS using react/redux ⚛
Stars: ✭ 285
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Whitestorm Typescript Boilerplate
Threejs Modern App
Boilerplate and utils for a fullscreen Three.js app
Stars: ✭ 176 (-38.25%)
Mutual labels: starter-kit, threejs, boilerplate
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-19.65%)
Mutual labels: starter-kit, boilerplate
Mern
🌐 MERN stack 2.0 - MongoDB, Express, React/Redux, Node
Stars: ✭ 175 (-38.6%)
Mutual labels: starter-kit, boilerplate
Go Html Boilerplate
Starter pack for doing web development in Go
Stars: ✭ 229 (-19.65%)
Mutual labels: starter-kit, boilerplate
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK 😎
Stars: ✭ 271 (-4.91%)
Mutual labels: starter-kit, boilerplate
Rinse React
🚿 Rinse, React, repeat. A boilerplate to build a React component library.
Stars: ✭ 165 (-42.11%)
Mutual labels: starter-kit, boilerplate
Js Library Boilerplate
Javascript Starter Boilerplate - Webpack 4, Babel 7, UMD, Hot Reloading, and more
Stars: ✭ 202 (-29.12%)
Mutual labels: starter-kit, boilerplate
Arc
React starter kit based on Atomic Design
Stars: ✭ 2,780 (+875.44%)
Mutual labels: starter-kit, boilerplate
Extension Create
Create modern cross-browser extensions with no build configuration.
Stars: ✭ 167 (-41.4%)
Mutual labels: starter-kit, boilerplate
React Firebase Admin
React ⚛️ starter kit with Firebase 🔥 and Bulma for setting up an admin dashboard - Highly scalable, PWA, Serverless
Stars: ✭ 232 (-18.6%)
Mutual labels: starter-kit, boilerplate
Express Graphql Typescript Boilerplate
A starter kit for building amazing GraphQL API's with TypeScript and express by @w3tecch
Stars: ✭ 163 (-42.81%)
Mutual labels: starter-kit, boilerplate
cosmic
🌱🌌 Seed for a universal (native iOS, native Android, web, desktop) app based on react native web, redux and Typescript
Stars: ✭ 32 (-88.77%)
Mutual labels: react-redux, starter-kit
React Native Typescript Boilerplate
React Native Typescript starter kit / template (Redux Thunk + React Native Navigation v7 + TSLint)
Stars: ✭ 155 (-45.61%)
Mutual labels: starter-kit, boilerplate
Tsmean
Typescript-mysql-express-angular-node seed for your next web-app!
Stars: ✭ 173 (-39.3%)
Mutual labels: starter-kit, boilerplate
Express Typescript Boilerplate
A delightful way to building a RESTful API with NodeJs & TypeScript by @w3tecch
Stars: ✭ 2,293 (+704.56%)
Mutual labels: starter-kit, boilerplate
Redux React Navigation Demos
React-Native + Redux + Redux-Persist + React Navigation ( Authentication Flow with Redux demos)
Stars: ✭ 151 (-47.02%)
Mutual labels: starter-kit, react-redux
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-49.47%)
Mutual labels: starter-kit, boilerplate
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-48.42%)
Mutual labels: starter-kit, boilerplate
Minwiz
Minimal starter kit for under 2 KB sites
Stars: ✭ 228 (-20%)
Mutual labels: starter-kit, boilerplate
three-typescript-starter
Three.js + Typescript + Webpack Boilerplate
Stars: ✭ 105 (-63.16%)
Mutual labels: threejs, starter-kit
WhiteStormJS - React/Redux - three.js - TypeScript boilerplate
WhiteStorm TypeScript Boilerplate is a starter kit for crafting 3D applications using modern technologies:
Video
Dynamic updates - Redux
Libraries
This starter kit also uses the following libraries and tools:
Core
- React DOM for views.
- React Router to handle in-app routing.
- React-Redux to use React-Redux bindings.
- React-Router-Redux to keep application state sync with route changes.
Utilities
- Redux Thunk for dispatching async actions.
- Redux Connect for resolving async props in react-router.
- React Helmet
- classnames
Build System
-
Webpack for bundling.
- Awesome TypeScript Loader as ts loader.
- Babel Loader as js loader.
- React Hot Loader for providing hot reload capability to our development server
- Style Loader
- CSS Loader
- PostCSS Loader
- JSON Loader
- File Loader
- URL Loader
- Sourcemap Loader
- Manifest Plugin
- Extract Text Plugin for exporting bundled css.
- tslint Loader for using tslint as preloader on build process.
- stylelint Loader for using stylelint as preloader on build process.
Dev & Prod Server
- Webpack Dev Server
- Express for running server both on client and server side.
- Compression for gzip compression
- Serve Favicon for serving favicon.
Developer Experience
- Typings for installing type definitions of external libraries.
- tslint for linting TypeScript files.
- stylelint for linting styles.
- Redux Logger
- Redux DevTools
- Chalk for colored terminal logs.
Testing
- Jest for unit testing.
- Fetch Mock for testing async actions.
- Redux Mock Store for creating mock stores.
Directory Structure
.
├── build # Built, ready to serve app.
├── config # Root folder for configurations.
│ ├── types # Global type definitions, written by us.
│ ├── webpack # Webpack configurations.
│ └── main.ts # Generic App configurations.
├── node_modules # Node Packages.
├── src # Source code.
│ ├── app # App folder.
│ │ ├── components # React Components.
│ │ ├── containers # React/Redux Containers.
│ │ ├── helpers # Helper Functions & Components.
│ │ ├── redux # Redux related code aka data layer of the app.
│ │ │ ├── modules # Redux modules.
│ │ │ ├── reducers.ts # Main reducers file to combine them.
│ │ │ └── store.ts # Redux store, contains global app state.
│ │ └── routes.tsx # Routes.
│ ├── client.tsx # Entry point for client side rendering.
│ ├── index.html # root page template
│ └── server.tsx # Entry point for server of static content.
├── typings # Type definitions installed with typings.
├── .gitignore # Tells git which files to ignore.
├── .stylelintrc # Configures stylelint.
├── Dockerfile # Dockerfile.
├── favicon.ico # Favicon.
├── package.json # Package configuration.
├── README.md # This file
├── tsconfig.json # TypeScript transpiler configuration.
├── tslint.json # Configures tslint.
└── typings.json # Typings package configuration.
Installation
You can clone from this repository or install the latest version as a zip file.
$ git clone https://github.com/whitestormJS/whitestorm-typescript-boilerplate
$ cd whitestorm-typescript-boilerplate
$ npm install
Usage
All commands defaults to development environment. You can set NODE_ENV
to production
or use the shortcuts below.
# Running
$ npm start # This starts the app in development mode
# Starting it with the production build
$ NODE_ENV=production npm start # or
$ npm run start:prod
# Building
$ npm build # This builds the app in development mode
# Commands below builds the production build
$ NODE_ENV=production npm build # or
$ npm run build:prod
# Testing
$ npm test
Notes
# If you want install additional libraries, you can also install their typings from DefinitelyTyped
$ typings install dt~<package> --global --save
# or if it's located on npm
$ typings install <package> --save-dev
Credits
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].