Introducing Rekit Studio: a real IDE for React and Redux development

Introducing Rekit Studio: a real IDE for React and Redux development

#reactjs #javascript

  • As an IDE, besides code editing, Rekit Studio provides the capability of code generation, dependency diagram, refactoring, build, unit tests and a meaningful way of code navigation.
  • That’s what makes Rekit Studio different from other code editors like Sublime Text, VS Code.See the quick demoBefore the introduction you may want to see a quick demo video about how to use Rekit Studio to manage Redux actions.From the video we can see with Rekit Studio, all you care about…
  • I introduced the practices in two previous articles:Based on the pattern, Rekit Studio knows which files are components, which are actions, where routing rules are defines and so on.
  • Then the project explorer could show the project structure in a meaningful way like below.Project ExplorerRekit Studio knows feature of those project elements, like which actions are asynchronous (with blue mark ‘A’); which components connect to Redux store (with green mark ‘C’); which components are managed by React Router (with…
  • This will cause our project becomes hard to maintain in a short time.Now with Rekit Studio, you can right click a component or action to move, rename or delete it just like you do with other IDEs like Eclipse for Java, Visual Studio for .Net.

We’re very excited to announce the stable release of Rekit Studio, a complete IDE for React, Redux and React Router development! Though it’s maybe new to some of you, it has helped us build…

Introducing Rekit Studio: a real IDE for React and Redux developmentWe’re very excited to announce the stable release of Rekit Studio, a complete IDE for React, Redux and React Router development! Though it’s maybe new to some of you, it has helped us build complicated web apps for more than one year.Rekit StudioThe previous version of Rekit Studio was Rekit Portal, which has no ability to edit code. Now thanks to Monaco Editor which also powers VS Code, and prettier, an amazing tool for formatting code, Rekit Studio provides great experience for coding. That’s also why we rename it from ‘portal’ to ‘studio’.As an IDE, besides code editing, Rekit Studio provides the capability of code generation, dependency diagram, refactoring, build, unit tests and a meaningful way of code navigation. You will no longer care about how to setup the project, config webpack or organize folder structure. Rekit Studio provides an integrated way to manage the project. That’s what makes Rekit Studio different from other code editors like Sublime Text, VS Code.See the quick demoBefore the introduction you may want to see a quick demo video about how to use Rekit Studio to manage Redux actions.From the video we can see with Rekit Studio, all you care about is the business logic rather than verbose code boilerplate.Try it nowThe best way to go through the following introduction is to have Rekit Studio running aside, so that you could try the features by yourself in real time. It’s super easy with either of below…

Introducing Rekit Studio: a real IDE for React and Redux development