Cardstack

We are incredibly excited to announce the completion of Code Mode by our development team. This is a significant milestone for our team members, who have been working continuously to add coding aids that make up an Integrated Developer Environment (IDE) directly into the web-based environment.<img src="https://miro.medium.com/v2/resize:fit:1400/0*IJ0ibWTpON8iqztL.png" />Code mode allows for:<ul><li>Real-time editing of Card code, which allows developers to make changes to the functionality, layout and data structure of any card without going through a git process.</li><li>Allows developers to choose from pre-existing modules that they can reuse to put a field together, or extend using inheritance to make a new specialization.</li><li>It allows developers and power users to see the stored data structure and make changes to it using a familiar file editor. This is like a view source for the card universe, unlike the browser view source, you can actively edit the source code and see the changes reflected immediately.</li></ul>We built Code Mode so we can create more cards much quicker and build up a card catalog that is complete and usable from day 1. It is also a great educational tool for developers curious about Cardstack for a playground to learn how everything is wired together and make a running app with their own customization within minutes.<img src="https://miro.medium.com/v2/resize:fit:1400/0*YctHXiA5ANaVW3yZ.png" />Code Mode uses the same module loader infrastructure that we will use for future no code UI where instead of typing the changes in a code editor, users can just point and click and delete them.<img src="https://miro.medium.com/v2/resize:fit:1400/0*qT65KiTQn8fD8ZAK.png" />Code Mode includes a schema editor that has exactly the same capabilities and we will move those UI components to design mode, which is a no-code version of the same underlying runtime to allow non-developers to get the same experience of building and extending cards entirely in the browser.<img src="https://miro.medium.com/v2/resize:fit:1400/0*pF_njrmXsS--a5di.png" />With this tool reaching feature complete status, we will be launching a YouTube series hosted by Chris Tse and Luke Melia, our engineering manager, to teach developers how to leverage the Cardstack Framework by walking through the process of building and extending cards using Cardstack tools like Code Mode and interact tool as well as git-based workflows for contribution to the open source project.&#x1f4dd; Community members who would like to participate are welcome to contribute ideas of what type of use cases of primitive cards or fields you would like us to build during this series. Tag #cardmaker with your ideas.<a href="https://medium.com/cardstack/cardstack-product-update-1803d25a4ba3" rel="noopener noreferrer nofollow">*Article originally published on Cardstack&#39;s Medium Page.</a>Stay up-to-date<ul><li>star Cardstack on <a href="https://github.com/cardstack/cardstack" rel="noopener noreferrer nofollow">GitHub</a></li><li>join our Discord channel</li><li>join our <a href="https://t.me/cardstack" rel="noopener noreferrer nofollow">Telegram group</a> and <a href="https://t.me/cardstackupdates" rel="noopener noreferrer nofollow">announcement channel</a></li></ul>

Cardstack Product Update: Completion of Code Mode 🚀🎇

Cardstack

Other articles published on Dec 6, 2023

Bitcoin Core v26.0 Is Now Live, BTC Price Set For $50000

Wemade joins hands with DIFC to establish WEMIX Play Center in Dubai

BONK Surpasses FLOKI To Become 3rd Largest Dog-Themed Coin By Market Cap

Cardano’s Price Reaches A High Of $0.43 After The Recent Outbreak

XRP News: Whales Reallocate Over 83 Mln XRP As Price Plummets Below $0.62

Avalanche (AVAX) Price Reaches Another Yearly High – $30 Next?

Join our free newsletter for daily crypto updates!