sandpack
React
Our great sponsors
sandpack | React | |
---|---|---|
13 | 1,694 | |
4,442 | 221,803 | |
2.1% | 1.1% | |
8.7 | 9.9 | |
2 days ago | 4 days ago | |
TypeScript | JavaScript | |
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.
-
can anyone tell me what ui package or library is this. i been seeing this a lot in most tailwind site that offer free components. what i meant is the ui sandbox that display code and component
Sandpack? From codesandbox? https://sandpack.codesandbox.io/
- can anyone tell me what library or package is this?
-
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.
-
Creating fluffy trees with Three.js
https://sandpack.codesandbox.io/ Sandpack is what they're using. Go check out the docs, and I'm sure there's plenty of tutorials if you search it up
-
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
-
What is the animation called?
Hi, Can anyone please let me know what this type of animation is called? Is it a type of Parallax effect or something else? Thanks. Reference: https://sandpack.codesandbox.io/ (Top section)
-
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).
React
-
Building an Email Assistant Application with Burr
You can use any frontend framework you want — react-based tooling, however, has a natural advantage as it models everything as a function of state, which can map 1:1 with the concept in Burr. In the demo app we use react, react-query, and tailwind, but we’ll be skipping over this largely (it is not central to the purpose of the post).
-
React 18.3.0 Is Out
Oddly, no info on changelog: https://github.com/facebook/react/blob/main/CHANGELOG.md
-
Preact vs React: A Comparative Guide
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
-
Meet Cheryl Murphy: Full-Stack Developer, lifelong learner, and volunteer Project Team Lead at Web Dev Path
Cheryl Murphy is not only a dedicated full-stack web developer skilled in technologies like React, Next.js, and NestJs but also a community-driven professional who recently took on the role of volunteer project team lead at Web Dev Path. With a dual Bachelor's degree in Computing and Chemical Engineering from Monash University, Cheryl’s journey in tech is marked by a passion for building accessible solutions and a commitment to fostering community within tech.
-
How to Build an AI FAQ System with Strapi, LangChain & OpenAI
Basic knowledge of ReactJs
-
Everyone Has JavaScript, Right?
Google Translate and many other libraries break React based sites if they are using refs.
I don't think that point it falls under "written on naive assumptions"
https://github.com/facebook/react/issues/11538
the issue says closed but you can easily catch it in various sites and use cases.
-
Integrate Bootstrap with React
This article serves as your comprehensive guide to mastering the art of combining Bootstrap and React seamlessly. Dive in to uncover the tips, tricks, and best practices to elevate your UI design game effortlessly.
-
React Server Components Example with Next.js
This isn’t an accident; when Meta introduced React Server Components, Dan Abramov explicitly stated that they collaborated with the Next.js team to develop the RSC webpack plugin.
-
Collab Lab #66 Recap
JavaScript React Flowbite Tailwind Firebase - Auth, Database, and Hosting Vite
-
New Features in React 19 – Updates with Code Examples
Official Website Team GitHub Canary Releases
What are some alternatives?
codesandbox-client - An online IDE for rapid web development
qwik - Instant-loading web apps, without effort
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
splitter - React component for building split views like in VS Code
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
create-react-app - Set up a modern web app by running one command.
SvelteKit - web development, streamlined
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
chakra-ui-docs - Documentation website for chakra ui
Tailwind CSS - A utility-first CSS framework for rapid UI development.