In this post I will be sharing an awesome tool that is set to make building React web applications faster and easier, reducing your development time with it’s codebase generator built by Gabe Ragland
In this post I will discuss:
- Understanding what Divjoy is and what it’s not.
- Getting started with Divjoy and it’s features.
- Opinion with possible features I crave to see in the nearest future.
What Divjoy is
Divjoy is a “web based react codebase generator that helps you create the perfect codebase for your project” . Imagine you have a project and you need to make an MVP asap, you really want to focus on implementing your business logic and setup your contents quickly.
Even at this point you definitely want to have a very stable codebase and not worry about what library to use for auth service, routing and debates on react stuff …you know the drill and that is the essence of divjoy — I love this coined phrase “create react app on steroids” — a stable react codebase and its’s features which we will touch very soon.
What it’s not
Earlier during the day launch on twitter, As a back-end developer it was so exciting to finally have a front-end tool that takes away the hassle of setting up a basic react web application and I made a tweet on it.
korede@devkhodedYaaay 💯💯💯 I will never start front-end from scratch again @gabe_ragland thank you awesome work 🚀🚀🚀🚀🚀 twitter.com/gabe_ragland/s…00:36 AM - 14 Aug 2019Gabe Ragland @gabe_raglandLAUNCH DAY 🎉🎉 Introducing https://t.co/WB8LO2UJsY, a React codebase generator. Select the stack you want, pick a template, then export a complete React codebase. Everything just works ✨
My tweet was contested and I paraphrase “It was not a good way to grow”, “you need to learn to build stuff” and “building from scratch helps you have a good skill set”
Sam@io_samyy@devkhoded @gabe_ragland @unicodeveloper That's not a good way to grow. You have to actually build stuff. That's what's gonna put you up there and make you secure really big gigs at top companies.04:12 AM - 14 Aug 2019
To be frank this opinion is true but they are not applicable to Divjoy if you reexamine the pros. Divjoy is not the tool that makes you forget/ignore building and owning your front-end and it does not encourage it , in-fact it gives you a plate to build on and allows you to focus on the important things.
I would say it’s not ideal for a beginner/newbie to dive straight into Divjoy without understanding the internals of react but if you do then Divjoy definitely makes you a ninja in development and —
Gabe Ragland@gabe_ragland@io_Samyy @devkhoded @unicodeveloper I think even with something like Divjoy you eventually want to dive into things and understand how it works. Hopefully I can help by exporting docs to walk people through their stack. The idea is that at least you can do that when needed rather than as a requirement up front.04:19 AM - 14 Aug 2019
Getting Started — Features
5 simple steps
Obviously goto
Divjoy
Choose your stack : with drop down options in each UI kits, frameworks, mailing, authentication, google analytics, contact forms etc.
Select a template: cool templates with routed FAQ, Contact, about, and landing pages, last time I checked more components are still being developed for the dashboard.
A react codebase smart editor: hot-reload feature, components tree map, editor and preview.
Export code BOOM 😱 done.
Expectations
I am still very excited about the tool but I’d love to see
installing divjoy via the terminal obviously with npm then I can select my preferred stacks.certainly more components.
If possible a full fledged cross-platform app — i know i’m very ambitious.
I wish but too bad no plans yet to open-source Divjoy.
Certainly if you have more ideas to help divjoy you can contribute via the community channel
Lastly the awesome thing about Divjoy is it brings developers
yeah you saw that coming 👋👋👋
Top comments (2)
Thanks for writing about Divjoy Onamade 🙌
You can use the amazing Ignite boilerplate : github.com/infinitered/ignite <3