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

#reactjs , with #Redux to #code there is now this:

  • 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.
  • 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…
  • 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 managed by…
  • This caused our project to become hard to maintain in a short time.Now with Rekit Studio, you can right click a component or action to move, and rename or delete it just like you do with other IDEs like Eclipse for Java or Visual Studio for .Net.
  • If you want to create some new elements like selectors, or you want to alter the default code boilerplate (like using `redux-saga` instead of `redux-thunk` for async actions), you can create plugins to do it.See more about the plugin system here.Command line interfaceBesides Rekit Studio, there is another command line…

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 so that you can try the features for yourself in real time. It’s super easy with either of…

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