Sharing Top Content from the Angular-sphere.

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

  • As an IDE, besides code editing, Rekit Studio provides the capability for code generation, dependency diagraming, refactoring, building, unit tests, and a meaningful way to navigate code.
  • So you can’t perform any changes to the project it manages (the code of the Rekit Studio itself!)
  • Based on the pattern, Rekit Studio knows which files are components, which are actions, where routing rules are defined, and so on.
  • Then the project explorer can show the project structure in a meaningful way, like this: – Project ExplorerRekit Studio knows the features of those project elements, like which actions are asynchronous (with blue mark “A”), which components connect to the Redux store (with green mark “C”), and which components are…
  • You can access it from the main menu: – Plugin systemWe can see that Rekit Studio can create boilerplates of features, actions, and components.

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 a 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 a great experience for coding. That’s also why we renamed it from “portal” to “studio.”

As an IDE, besides code editing, Rekit Studio provides the capability for code generation, dependency diagraming, refactoring, building, unit tests, and a meaningful way to navigate code.

You will no longer care about how to setup the project, config webpack, or organize your folder structure. Rekit Studio provides an integrated way to manage the entire project. That’s what makes Rekit Studio different from other code editors like Sublime Text and 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 that all we 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 alongside…

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