This command line helps you create components, pages and even redux implementation for your react project

Last update: Dec 10, 2022

Overview

react-help-create

This command line helps you create components, pages and even redux implementation for your react project.

How to install it?

To install it globally in your operating system run

npm i react-help-create -g

yarn global add react-help-create

To install it as a dev dependency in your react project run

npm i react-help-create --save-dev

yarn add react-help-create --dev

How to use it?

Please follow this documentation to learn how to use this command line.

Contributing

Please check this if you consider to contribute to this project.

Comments

suggestion

Hi, i think the most powerful feature will be to manage the component template, something like creating ".template" folder and when you run rhc create -c <component_name> --template page the component will be generated from the page template

opened by niradler 2
Feature: Redux Enhancement
This PR is dedicated to enhance and add more feature for creating redux like adding reducers and actions from your command line.

TODOs

[x] Create a custom reducer.

[x] Create a custom action.

[x] Delete a custom reducer.

[x] Delete a custom action.

[x] Using config file for creating redux store (ex: apply redux-thunk middleware or not).

[x] Add test cases.

enhancement
opened by omdxp 0
Feature: Using Config File

This PR is dedicated to add a pretty util feature which is using a config file like rhc.config.json which contains some properties that helps creating files with custom user input.

opened by omdxp 0
Feature: creating files with user defined templates
Description

This PR is dedicated to add a new feature to rhc command line which is to create files in a user defined templates.

Resolves #1

Type of change

New feature (non-breaking change which adds functionality)

enhancement help wanted
opened by omdxp 0
Create and Delete tests
Is your feature request related to a problem? Please describe. Newly created files does not contain unit tests and/or integration tests with them.

Describe the solution you'd like This feature is really good to create your unit tests alongside your newly created files (from your components to your pages to your custom functions).

Here are some samples:

rhc create -c test

It creates test files with the component.

Additional context This also can be added to rhc.config.json as a property withTests so when creating new components or screens it can also add test files alongside them.
enhancement
opened by omdxp 0

Releases(2.3.0)

2.3.0(May 22, 2022)
In this version you can create and delete redux reducers and actions. So it can give your more room to handle all that redux stuff of creating reducers and updating necessary files again and again. With just a simple command line you can do that more easily and intuitive way!

For more details you can check the documentation.

What's Changed

Chore: Add test script to GitHub Actions by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/12

Feature: Redux Enhancement by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/13

Docs: Add docs for new features for redux by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/14

Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/2.2.0...2.3.0
Source code(tar.gz)
Source code(zip)
2.2.0(Mar 25, 2022)
In this version you can start using a config file where you can customize the usage for the command line and make more freedom for creating your files. It's also contains a good feature when creating your templates there is a naming convention for your template components (__COMPONENT__) so when you use them it'll be changed to the actual name for your components or pages.

For more details you can check the documentation.

What's Changed

Feature: Using Config File by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/7

Feature: Create Config File by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/8

Feature: Specified Name in Templates by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/9

Docs: Updating Docs for 2.2.0 by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/10

Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/2.0.1...2.2.0
Source code(tar.gz)
Source code(zip)
2.0.1(Mar 23, 2022)
This version is a patch for fixing the styles imports as well as enhancing the root checking for the react project with the used language.

What's Changed

Fix: Styles imports by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/6

Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/2.0.0...2.0.1
Source code(tar.gz)
Source code(zip)
2.0.0(Feb 10, 2022)
In this release files will be created in even more structured and ergonomic way that will help you develop your React projects with ease of use and even faster in development.

For more details check documentations.

What's Changed

Chore: new project structure by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/3

Feature: npm publish workflow by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/4

Docs: updating docs for 2.0.0 by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/5

Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/1.1.0...2.0.0
Source code(tar.gz)
Source code(zip)
1.1.0(Sep 4, 2021)

This version is dedicated for the suggestion #1 .

In this version you can create components and pages with your own templates!
Source code(tar.gz)
Source code(zip)
1.0.0(Aug 22, 2021)

This is the first release that have the basic functionalities to make your react project created in a very structured manner.
Source code(tar.gz)
Source code(zip)

This command line helps you create components, pages and even redux implementation for your react project

Related tags

Overview

react-help-create

How to install it?

How to use it?

Contributing

Comments

suggestion

Feature: Redux Enhancement

TODOs

Feature: Using Config File

Feature: creating files with user defined templates

Description

Type of change

Create and Delete tests

Releases(2.3.0)

2.3.0(May 22, 2022)

What's Changed

2.2.0(Mar 25, 2022)

What's Changed

2.0.1(Mar 23, 2022)

What's Changed

2.0.0(Feb 10, 2022)

What's Changed

1.1.0(Sep 4, 2021)

1.0.0(Aug 22, 2021)

Owner

Omar

A Higher Order Component using react-redux to keep form state in a Redux store

Redux-todos - simple react, redux todos

Shows how React components and Redux to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications

🌈 React for interactive command-line apps

🔄 Basic project to start studying React and Typescript. With it you can translate text to binary or morse language. This project addresses the creation of routes and components.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing books.

A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.

shouganaiyo-loader is a cross-platform Frida-based Node.js command-line tool that forces Java processes to load a Java/JVMTI agent regardless of whether or not the JVM has disabled the agent attach API.

A React Native starter template project with built-in navigation & redux toolkit.

Stocks Market SPA React-Redux Capstone project

The Bookstore website is designed for you to create a personal list of books. You can add a book to the list, or remove a book from your list. You can use this as a "to read" list and update the list when you finish reading a book that is on the list.

A React utility belt for function components and higher-order components.

Nextjs-components: A collection of React components

A React-Fullstack platform helps to track & compare your Incomes & Expenses transactions in one place via detailed Graphical information to manage your Budget.

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

Next-gen, highly customizable content editor for the browser - based on React and Redux and written in TypeScript. WYSIWYG on steroids.

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.