It’s been a while since we last published a status update about React Native.
At Facebook, we’re using React Native more than ever and for many important projects. One of our most popular products is Marketplace, one of the top-level tabs in our app which is used by 800 million people each month. Since its creation in 2015, all of Marketplace has been built with React Native, including over a hundred full-screen views throughout different parts of the app.
In this guide I will show you how to use Firebase, React, and Ant Design as building blocks to build functional, high-fidelity web applications. To illustrate this, we’ll go through an example of building a todo list app.
Using the above approach is productive – especially if you have good boilerplate to get you started – but what if you want to build something quickly with nearly zero setup time? Sometimes a mockup doesn’t convey enough information to a client; sometimes you want to build out an MVP super fast for a new product.
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 complicated web apps for more than one year.
The 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 renamed 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.
The content of this article was originally presented to the Squiz Front-End Engineering group.
So, this article might seem long-winded. I do want to show you how to write actual React and Redux code. But it will take a while to get there. And there is a reason. Redux is not terribly complicated. But with Redux (like React), understanding why you’d want to use it is much more interesting than how it works. So, though it might take us a little while to get to Redux, I think the journey will be worth it.