All Projects → typeless-js → create-react-app-starter

typeless-js / create-react-app-starter

Licence: MIT license
CRA + typeless starter

Programming Languages

typescript
32286 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to create-react-app-starter

starter-kit
🏃 A simple and powerful Starter Kit made with Webpack, Gulp 4, Pug and SASS
Stars: ✭ 21 (+0%)
Mutual labels:  starter, starter-kit
nextjs-landing-starter
Build your landing site based on Next.JS in minutes 🚀
Stars: ✭ 59 (+180.95%)
Mutual labels:  starter, starter-kit
Niklick
Rails Versioned API solution template for hipsters! (Ruby, Ruby on Rails, REST API, GraphQL, Docker, RSpec, Devise, Postgress DB)
Stars: ✭ 39 (+85.71%)
Mutual labels:  starter, starter-kit
create-next-stack
Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.
Stars: ✭ 149 (+609.52%)
Mutual labels:  starter, starter-kit
Typescript React Native Starter
A highly scalable foundation with a focus on best pratices and simplicity to start your React Native project in seconds.
Stars: ✭ 141 (+571.43%)
Mutual labels:  starter, starter-kit
Nucleo
🔴 Nucleo - Admin template and Starter project for React
Stars: ✭ 38 (+80.95%)
Mutual labels:  starter, starter-kit
React Webpack Babel
Simple React Webpack Babel Starter Kit
Stars: ✭ 1,241 (+5809.52%)
Mutual labels:  starter, starter-kit
Webpack Simple Starter
A simple webpack starter without framework (Like Vue, React, Angular, etc.)
Stars: ✭ 661 (+3047.62%)
Mutual labels:  starter, starter-kit
Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (+538.1%)
Mutual labels:  starter, starter-kit
Twisk
Golang RPC starter kit with Twirp
Stars: ✭ 113 (+438.1%)
Mutual labels:  starter, starter-kit
Gub
CLI tool for create an npm package from any repos. 🐳
Stars: ✭ 31 (+47.62%)
Mutual labels:  starter, starter-kit
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: ✭ 228 (+985.71%)
Mutual labels:  starter, starter-kit
Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (+23.81%)
Mutual labels:  starter, starter-kit
twitch-extension-starter
Kickstarts your Twitch Extension using React
Stars: ✭ 38 (+80.95%)
Mutual labels:  starter, starter-kit
Laravel Boilerplate
Laravel Boilerplate / Starter Kit with Gentelella Admin Theme
Stars: ✭ 704 (+3252.38%)
Mutual labels:  starter, starter-kit
React Redux Hooks Starter
React-redux boilerplate using hooks 🎣
Stars: ✭ 69 (+228.57%)
Mutual labels:  starter, starter-kit
Webpack Starter Basic
A simple webpack starter project for your basic modern web development needs.
Stars: ✭ 552 (+2528.57%)
Mutual labels:  starter, starter-kit
Nth Start Project
Startkit for HTML / CSS / JS pages layout.
Stars: ✭ 578 (+2652.38%)
Mutual labels:  starter, starter-kit
Angular Webpack Starter
🌟 Angular Webpack Starter with AoT compilation, Lazy-loading, Tree-shaking, and Hot Module Reload (Updated to 4.1.0!)
Stars: ✭ 91 (+333.33%)
Mutual labels:  starter, starter-kit
Redux React Navigation Demos
React-Native + Redux + Redux-Persist + React Navigation ( Authentication Flow with Redux demos)
Stars: ✭ 151 (+619.05%)
Mutual labels:  starter, starter-kit

CRA starter for Typeless

Starter based on Create React App.

Deploy to Netlify

Quick Start

# install dependencies
yarn

# start in dev mode
yarn start

# create production build
yarn build

Features

  • User state management:
    • Login page.
    • Logout button.
    • Loading the initial user instance on the page load. Routing is ignored if the initial data is not loaded. Similar to onEnter functionality from old react-router.
  • Routing
    • Implemented with typeless-router
    • Dynamic configuration. RouteResolver scans all modules and loads all routes automatically.
    • Example RouteConfig. Some routes are only for the authenticated user, and some routes are only for the anonymous user. Feel free to extend this functionality depending on your needs.
  • Lazy modules
    • Features login, sample1, sample2 are dynamically loaded with React.lazy.
    • A loader is visible during lazy loading.
  • Example form.
    • Implemented with typeless-form

Scripts

yarn run start
Start in development mode.

yarn run build
Create a production build.

yarn run prettier
Auto-format code with prettier.

yarn run tsc
Check for TypeScript errors.

yarn run lint
Check for tslint errors.

Blueprints

Install plop npm i -g plop.

Following blueprints are available:

  • feature - create a blueprint for a new feature. Includes: interface, module, example component.

Licence

MIT

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].