Divjoy

The ⚛️ React codebase generator

Built a new starter theme in

Gabe Ragland Author

Thanks Sergio!

0 Likes

that looks awesome :p

0 Likes

Finished smart className selector. Now auto-swaps classNames from same set

Tweeted out a list of design tools/resources: https://twitter.com/heydivjoy/status/1066400358056919040

Code export now supports the conditional classNames feature (add classes if x)

Added color coding to editor so easier to understand the nested structure of React components 🎨

Foreach block can now be set to type "object" and code export will spit out object instead of array iteration code 🔥

React code export now adds when needed to ensure valid JSX

That's possible?!

0 Likes
Gabe Ragland Author

Just mean the code export feature in #divjoy adds it when needed. For example, if the user has made something in divjoy that would normally output the line render( return <div/><div/> ) (not valid jsx) the code exporter knows make it render( return <Fragment><div/><div/></Fragment> ) so it's valid.

0 Likes

Finished AST transform logic so I can convert user supplied code based on code export options

Added a footer component to the library

Gabe Ragland Author

Thanks!

0 Likes

That looks really good!

0 Likes

Added way for alpha testers to export/import json representation of components they create in Quick and hacky way to add sharing without building a UI for it just yet.. 😜