/jsmall

Primary LanguageJavaScriptMIT LicenseMIT

jsmall

GitHub last commit GitHub npm npm GitHub Repo stars GitHub pull requests GitHub issues

The ultimate React project scaffolder

Jsmall is a command-line interface (CLI) tool that helps you create your react projects with standard foldering and also with typescript. With two simple step, jsmall will automatically create a new project and add the necessary folders and files based on best practices to get you started.

Jsmall helps developers to save time and increase productivity by automating the repetitive task of setting up a new React project, folders and files. It provides a recommended file structure for your project, includes support for TypeScript and ESLint, and provides a basic template for a new project.

Features

You have some options like:

  • React
  • React + TypeScript

Folder Structure

project-name
├── doc
│   └── docs.MD (file)
├── src
│   ├── assets
│   │   ├── fonts
│   │   └── images
│   ├── components
│   │   └── navbar
│   ├── context
│   ├── core
│   ├── features
│   │   ├── auth
│   │   └── home
│   ├── redux
│   ├── router
│   ├── services
│   ├── types (just for TS projects)
│   └── utils
│       ├── config
│       └── hooks
└── test
   └── sample.spec.js (file)

Installation

You can use this command to install jsmall:

npm i -g jsmall

Usage

Open a new terminal in any location you want to create project and use this command:

jsmall init

Then, you will see something like this:

Contributing contributions welcome

If you are interested in contributing to jsmall, please feel free to submit a pull request or open an issue on the repository.

Changelog

v 1.2.3

  • fix assets bug
  • add features folder
  • refactor auth

v 1.2.2

  • fix LogoutComponent bug
  • add language to config.json
  • add useLayoutEffect to useTitle custom hook

v 1.2.1

  • adding code-generator for react-js folders, files and components