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…
Continue reading “Introducing Rekit Studio: a real IDE for React and Redux development”

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…
Continue reading “Introducing Rekit Studio: a real IDE for React and Redux development”