A React toolkit - mini applications serie.
Published: 2022-03-24 12:19:45

Hey everyone,

I am building [Reactirator](https://github.com/Leopold-V/Reactirator) an opensource React project manager for some months now. I must admit I am kind of proud of my work because this is my first desktop application even if everything is far from perfect!
For this reason I want to share my knowledges and what I've learnt by building Reactirator.
Hence, I will be making posts in the future about how build some of the features of Reactirator.
This will be detached from the Reactirator context because we won't use Electron, **basically this will be a serie of mini react / node application.**

**This is also going to be a challenge to myself**, writing and explaination aren't my best skills ! So, my goal is to write consistently and improve my writing skills in english and maybe doing this will help me re-think about the application to improve it !

Before explaining what is the serie plan, let me explain what is reactirator.

##  What is this ?
Reactirator is a desktop application built with Electron using TypeScript, React and Node. It has two parts:

- The app creator: You will find an installation process where you can select famous React configurations/features, look for packages, pre-generate folders and components etc.

![screen](https://i.gyazo.com/d9fc256b9229fb1ec7aaa589c6c3a444.png)

- The app manager: basically it is a task runner, start your development server, launch your build process or install new dependencies, update their version etc.

![screen2](https://i.gyazo.com/41d20f117adafee2113c4d31adc6ee58.png)

This is a desktop app, so all you have to do is toggle switchs, push on buttons or type some packages name to find new one and have visual output about each task results.

I won't go deeper into the project description because well there is a [readme](https://github.com/Leopold-V/Reactirator#readme) for this!

## What's the plan ?
Reactirator has quite a lot of different tools, some are more "React focused" while others are more about communication with the Node.js server. Reactirator also has some upcoming features to speak about.

I made a small list of things that come to my mind for now, it is susceptible to change and grow over the time.

- Build a React folder tree component. (React - https://i.gyazo.com/0bb3240114af6708f27048f81e7898a3.png ).
- Build a Npm package search and display results with data (React https://i.gyazo.com/7a54588011033f27500597ae1151c1ad.png ).
- A task runner button with output in a terminal component (React + Node - https://i.gyazo.com/85d5b88085e1f9e03a6c5300847b2bcb.png)
- Github connexion from React where you can create repo remotely (React - https://i.gyazo.com/37ef5a8a158e1f19bfc58d71b1f6a349.png)
- And finally the new features in the manager part which didn't exist yet: the component real-time creator: when you're in a code editor, you will be able to use Reactirator to generate as many components  as you want with chosen template (class, functional, default export or not etc.) and location. (React + Node).

There you go, hopefully it will interest some React developpers (wheter you are a beginner or not) or give some ideas about cool application you can do! And I would be happy to heard your feedback about all of this!

If you're interested by Reactirator and want to contribute, you're welcome: https://github.com/Leopold-V/Reactirator .

Have a good day.