Giter Club home page Giter Club logo

shaizei-starter-kit

An official starter kit for React-TypeScript applications created with @shaizei/cli.

Commands

Here's a brief summary of the commands that you can run inside the applications created with @shaizei/cli.

Note that these commands are the ones that are available by default, you can extend the applications in whatever way you want and add many more scripts of your choice.

Starting Development Server

In order to start the development server, run the following command:

shaizei develop

Building Production Bundles

In order to generate an optimized production bundle of your application, run the following command:

shaizei build

Running Linting

In order to run linting on all the files in src/ directory, run the following command:

shaizei lint

Fixing Common Linting Errors

In order to fix common linting errors, run the following command:

shaizei lint-fix

Analyzing Production Bundles

In order to analyze the production bundles, run the following command:

shaizei analyze

Serving Production Bundles

In order to serve the production bundle locally, run the following command:

shaizei serve

Running Prettier

In order to run Prettier throughout the codebase and to find the potential violations of Prettier rules, run the following command:

shaizei prettier

Fixing Prettier Issues

In order to fix Prettier formatting issues from command-line, run the following command:

shaizei prettier-fix

Find Potential Conflicts between Prettier & ESLint

ESLint can also do the part of job that Prettier is doing, in order to find if there are any issues among ESLint & Prettier integration, run the following command:

shaizei eslint-prettier-integration

Shahzaib Khalid's Projects

academind-react icon academind-react

This repository contains practice examples and course projects of Academind React course on Udemy (https://www.udemy.com/react-the-complete-guide-incl-redux/)

activitusbar icon activitusbar

A VSCode extension to save some real estate by recreating the activity bar buttons on the status bar

app-starter-kit icon app-starter-kit

An oppinionated starter kit for building web applications with Remix and Cloudflare Workers.

electronic-drum-kit icon electronic-drum-kit

An interactive, close to real, drum playing experience, built using HTML, CSS & JavaScript.

github-viewer icon github-viewer

A simple to use Github Viewer to get stats of a profile, instantly. Built using AngularJS.

instant-weather icon instant-weather

An insanely simple, local weather and location finder, built using HTML, CSS & JavaScript.

learn-core-node icon learn-core-node

🤞🏻 Learn core Node.js, before you burry yourself in npm packages.

mern-scripts icon mern-scripts

This project contains scripts and configuration used by MERN App Generator.

modaljs icon modaljs

modal.js is the most easiest way to create, add and modify interactive modal windows to a JavaScript applications.

move-planner icon move-planner

Insanely simple to use, yet powerful tool to find and decide your next destination stop.

productive-pomodoro icon productive-pomodoro

A simple to use, goals achieving Pomodoro technique timer, built using HTML, CSS & JavaScript.

registration-system icon registration-system

A completely unopinionated MERN based user registration system, featuring sign-up, sign-in and remember password, built with zero-dependency.

sassy-clock icon sassy-clock

A minimal yet beautiful, all in one clock experience, built using HTML, CSS & JavaScript.

search-hacker-news icon search-hacker-news

Search Hacker News is the most simple way to find hundreds of latest articles on Hacker News network.

shaizei icon shaizei

🛠 — Toolkit for building & maintaining futuristic React apps.

shaizei-light icon shaizei-light

A light Visual Studio Code Theme, heavily inspired by minimalism, sleekness and rosy-brown color.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.