DEV Community

loading...
Cover image for Divjoy in 2019 and what's coming in 2020 ๐Ÿš€

Divjoy in 2019 and what's coming in 2020 ๐Ÿš€

gabe_ragland profile image Gabe Ragland ใƒปUpdated on ใƒป3 min read

Divjoy is a React codebase and UI generator that saves you weeks of development time when starting a new project.

2019 was a great year for Divjoy. I launched it to the public on Hacker News and had 15k people hit the site and over 5k people export React codebases in a single day. I added support for Next.js and React Bootstrap. I added a bunch of new components to the library based on feedback. I launched again on Product Hunt. I won a $15,000 grant from Startup School to support Divjoy's development. Finally, in order to grow this into a sustainable business, I started charging money for code export. People are paying and the future is looking bright! None of this would have been possible without the many many people who've given me feedback along the way and all the developers and open-source maintainers that have made the React-ecosystem what it is. So thank you all!

๐ŸŒˆ What's in store for 2020:

  • Stripe integration
    I'll be adding Stripe integration so that all the templates have a fully-functional payments flow right out of the box. Divjoy will automatically export all the backend logic needed to charge cards and handle webhooks.

  • Material UI support
    I've gotten a ton of requests for Material UI. Over 500 people are signed up just to be notified when this lands. Rest assured itโ€™s coming!

  • Gatsby support
    Many people have asked for Gatsby support and I'm excited to get it in this year. There's also some interesting potential to integrate with the Gatsby's data and plugin system.

  • Components, components, components!
    Iโ€™m going to be focused on expanding the selection of components for the next couple of months. Things like user onboarding flows, accounts settings pages, dashboards, activity feeds, dynamic CRUD interfaces, searchable content lists, and so on. You'll be able to drop any of these into your app using our built-in editor and they'll just work.

  • Editor improvements
    The built-in app editor definitely needs some love this year. The initial version was a bit of a crazy experiment. Could I build a drag and drop React UI builder that also allows direct editing of component code? Well, yes.. kind of, but the reality is most people want to do the code stuff after export. So the plan is to drastically simplify the interface by removing (or at least hiding) the more advanced features and focus on providing a really nice UI over things like component props, global styles, and data fetching.

  • Single component export
    Youโ€™ll be able to browse our component library and export single components to drop into an existing codebase. Right now Divjoy is optimized for people who need a full codebase, but I'm going to make it an awesome tool for people who've already started and would like to grab what they need. Imagine being able to grab a <Payments/> component that comes with all the necessary JS and server-side logic needed to make it functional. In less than 5 minutes you should be able to export code from Divjoy and add a new feature to your app.

โค๏ธ How you can help

  • Help spread the word
    If youโ€™ve got friends starting a new React project soon let them know that Divjoy can save them a ton of time.

  • Send me your feedback
    What do you like and dislike about Divjoy? What kind of components and templates would you like to see? I'd love to hear your thoughts and I always appreciate critical feedback.

Have an awesome 2020 ๐ŸŒŸ

Best,
Gabe

Discussion (0)

pic
Editor guide