sandpack
splitter
Our great sponsors
sandpack | splitter | |
---|---|---|
13 | 33 | |
4,393 | 422 | |
1.9% | 1.4% | |
8.8 | 4.2 | |
11 days ago | 7 months ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sandpack
-
Celebrating Hacktoberfest With Tips for Open-Source
For us at CodeSandbox, we stand by it as a company but also as individuals. We released our browser editor, Sandpack, and parts of Nodebox as open source and we want to give back any time we can!
-
Using Sandpack for React Libraries Documentation
If you have any suggestions on how we can improve Sandpack, feel free to open an issue on GitHub. And if you have added Sandpack to our docs, we’d love to see the result—tweet it @CodeSandbox.
-
I spent 5 months building a free leetcode for React/Frontend 🎉
As for the portal itself then I was thinking of making another post that explains how the site is built. But sandpack by codebox is the standard solution for live code execution.
-
Contribute to Sandpack in Hacktoberfest
Create a new file in the codesandbox/sandpack/sandpack-themes/src folder with the following name [myAwesomeTheme].ts
- Show HN: Add live runnable code to your dev docs
-
AMA with the Sandpack team Recap
Danilo: Yes, we've been working hard to bring more optimizations to Sandpack, both on the React package (such as SSR improvements, lazily loading heavy dependencies, and removing redundant code) and in the bundler side too (you can find more details here: https://github.com/codesandbox/sandpack/issues/295).
-
A simple change improved Chakra UI's PageSpeed significantly
Then I remembered that CodeSandbox released their Sandpack component toolkit that you can use to create live code editing blocks. Since that's an npm package that you install, I figured it will definitely be more performant because its code will be compiled, optimized and shipped along with the page. So I decided to swap out the old embedded iframe with the new Sandpack component. And the results were surprizing:
- Adding an in-browser code preview to your React Application with Sandpack
splitter
-
Show HN: We are building open-source IDE powered by AI agents that work for you
We've been building devtools for years now. We're really passionate about the field. The most recent thing we built is https://usedevbook.com. The goal was to build a simple framework/UI for companies to demo their APIs. Something like https://gradio.app but for API companies. It's been used for example by Prisma - we helped them build their playground with it - https://playground.prisma.io/
Our new project - e2b - is using some of the technology we built for Devbook in the past. Specifically the secure sandbox environments where the AI agents run are our custom Firecracker VMs that we run on Nomad.
You can follow my co-founder, me, and the project on Twitter:
- https://twitter.com/t_valenta
And we have a community Discord server - https://discord.gg/U7KEcGErtQ
-
We made an interactive playground for Prisma with everything set up for you
Hey, thanks! Not the whole website but parts of it like our SDK for creating VMs on demand and some UI components are open sourced.
-
Interactive Prisma Playground
we've built this interactive playground of Prisma examples as a showcase of developer hubs made with Devbook. The goal of Devbook si to allow devtools projects and companies to showcase their tool in an interactive without any hassle for the devs. Everything is prepared and configured for you.
-
Fly Machines: An API for Fast-Booting VMs
This is really really exciting! I hope it enables more product built on top of full VMs with fast UX/DX.
I just wish I knew about this earlier because from what I read, I think we at Devbook [1] built pretty similar service for our product. We are using Docker to "describe" the VM's environment, our booting times are in the similar numbers, we are using Nomad for orchestration, and we are also using Firecracker :). We basically built are own serverless platform. I need to compare our current pricing to Fly's.
- Show HN: Add live runnable code to your dev docs
- 12 Herramienta útiles que todo desarrollador debería de tener.
-
Googling is one of the most important skills for every developer. Here are some tips to Google efficiently!
It’s an app called Devbook - https://usedevbook.com.
-
Googling is one of the most important skills for every developer
Given what the post is about, I wanted to share what my friend and I are working on.
It’s an app called Devbook [0].
Our goal is to build a search engine for developers. Currently, it allows you to search Stack Overflow and certain documentation. It’s fully controllable using just a keyboard and completely free to use. Plus it works in a way that you don’t have to leaver your coding editor.
-
We're building an app that allows you to search in Stack Overflow, official docs, and code on GitHub. What do you think?
Hey folks! We're building Devbook - Search Engine for Developers. We decided to build this based on our own pain of searching dev related stuff on Google. All the ads and content marketing we were seeing were making it sometimes really hard to find what we needed.
What are some alternatives?
codesandbox-client - An online IDE for rapid web development
Tailwind CSS - A utility-first CSS framework for rapid UI development.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
stack-overflow-import - Import arbitrary code from Stack Overflow as Python modules.
devbook-extension - Add search functionality to Devbook with custom extensions
spawner - Session backend orchestrator for ambitious browser-based apps. [Moved to: https://github.com/drifting-in-space/plane]
gobyexample - Go by Example
sdk - SDK for managing Devbook sessions
react-mosaic - A React tiling window manager
duckduckbang - Meta search page that utilises duckduckgo !bang query operators.
create-react-app - Set up a modern web app by running one command.
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js