LiveCodes

1.3K posts

LiveCodes banner
LiveCodes

LiveCodes

@livecodes_io

A Code Playground That Just Works! An open-source client-side playground for React, Vue, Svelte, TypeScript, Python, Go, Ruby, PHP, Java, C# & 90+ languages 🚀

In the browser! Katılım Haziran 2023
528 Takip Edilen978 Takipçiler
Sabitlenmiş Tweet
LiveCodes
LiveCodes@livecodes_io·
LiveCodes is here! 🎊 LiveCodes, a feature-rich, open-source, client-side, code playground that supports 80+ languages and frameworks. With LiveCodes, learning, experimenting, documenting, teaching, and sharing code is easier and more enjoyable than ever. dev.to/livecodes_io/i…
English
4
10
36
13.9K
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
@livecodes_io now has a Storybook instance for each framework SDK, with demos, example usage and detailed docs for embed options and configuration object.
Hatem Hosny tweet mediaHatem Hosny tweet media
LiveCodes@livecodes_io

LiveCodes v49 and SDK v0.14.1 released 🚀 - Use the SDK everywhere: @reactjs , @vuejs , @sveltejs , @solid_js , @preactjs and web components! - Skills for your AI agent - @storybookjs instances for all SDK components with full docs and examples at livecodes .io/stories - more!

English
1
1
1
64
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
It is a common need to provide a "Share" functionality for playgrounds. @livecodes_io SDK now provides `compress` and `decompress` utility functions for URL-friendly base64-encoded playground config objects. See guide for "Creating Shareable URLs" below.
Hatem Hosny tweet media
LiveCodes@livecodes_io

LiveCodes v49 and SDK v0.14.1 released 🚀 - Use the SDK everywhere: @reactjs , @vuejs , @sveltejs , @solid_js , @preactjs and web components! - Skills for your AI agent - @storybookjs instances for all SDK components with full docs and examples at livecodes .io/stories - more!

English
1
1
2
129
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
It is now easier than ever (for you and your agent) to contribute to @livecodes_io Detailed contribution guides have been added with comprehensive descriptions and diagrams for overall architecture and the design of each system github.com/live-codes/liv… Contribution is welcome 💚
English
1
6
11
858
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
npx skills add live-codes/livecodes "Create a page with a code playground that can run python and shows the console output. Use React and TypeScript."
Hatem Hosny tweet media
LiveCodes@livecodes_io

LiveCodes v49 and SDK v0.14.1 released 🚀 - Use the SDK everywhere: @reactjs , @vuejs , @sveltejs , @solid_js , @preactjs and web components! - Skills for your AI agent - @storybookjs instances for all SDK components with full docs and examples at livecodes .io/stories - more!

English
0
2
3
188
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
Web components support in @livecodes_io SDK is a big deal 🤩 It works with/without frameworks and with/without build steps. Code can be added in `<template>`, `<style>` and `<script>` blocks. Best DX with syntax highlighting and autocomplete. No need for escaping in strings.
Hatem Hosny tweet media
LiveCodes@livecodes_io

LiveCodes v49 and SDK v0.14.1 released 🚀 - Use the SDK everywhere: @reactjs , @vuejs , @sveltejs , @solid_js , @preactjs and web components! - Skills for your AI agent - @storybookjs instances for all SDK components with full docs and examples at livecodes .io/stories - more!

English
0
3
6
458
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
Whatever your tech stack is, you can use @livecodes_io SDK to create code playgrounds for 90+ languages/frameworks. Code samples in docs now are available for React, Vue, Sevlte, Solid, Preact and web components.
Hatem Hosny tweet media
LiveCodes@livecodes_io

LiveCodes v49 and SDK v0.14.1 released 🚀 - Use the SDK everywhere: @reactjs , @vuejs , @sveltejs , @solid_js , @preactjs and web components! - Skills for your AI agent - @storybookjs instances for all SDK components with full docs and examples at livecodes .io/stories - more!

English
0
2
6
869
LiveCodes
LiveCodes@livecodes_io·
LiveCodes v49 and SDK v0.14.1 released 🚀 - Use the SDK everywhere: @reactjs , @vuejs , @sveltejs , @solid_js , @preactjs and web components! - Skills for your AI agent - @storybookjs instances for all SDK components with full docs and examples at livecodes .io/stories - more!
English
1
1
3
2.3K
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
diagrams-js now has a visual editor 🤩 ☁️ Draw cloud architecture diagrams online 🖼️ 2000+ node types, 200K+ Iconify icons 👆 Click on nodes to edit 🔦 Highlight selected 🐋 Import docker compose and kubernetes 📦 Export 🚀 Share 🆓 Free diagrams-js .hatemhosny.dev/visual-editor
Hatem Hosny tweet media
English
2
5
33
5.3K
LiveCodes retweetledi
Hatem Hosny
Hatem Hosny@hatem_hosny_·
Tired of drag-and-drop diagram tools? diagrams-js lets you define cloud architecture diagrams in TypeScript! Clean, with autocomplete and version-controlled! 🚀
Hatem Hosny tweet media
Hatem Hosny@hatem_hosny_

Introducing diagrams-js! 🎨 A TypeScript port of the popular Python diagrams library for drawing cloud architecture diagrams as code. ✅ 17+ cloud providers (AWS, Azure, GCP, K8s & more) ✅ 2000+ node types ✅ Works in browsers, Node.js, Deno & Bun ✅ Type-safe & tree-shakable

English
0
1
6
369

Keşfet

@eitmg @emad__elsaid @reactjs @vuejs @sveltejs @solid_js @preactjs @storybookjs