In A Nutshell: CodeSandbox

By the day and everyday this online code editor CodeSandbox is making lot of noise in the open source community especially in the JavaScript space. So many developers are primarily using this tool to share the code with the team. As we all know that we the developers loves to travel and in today’s world it’s very difficult to carry our local development environment wherever we go and this where CodeSandbox comes into play as where we need to just open your favorite browser and start coding. Even till now i nor my team members ever realized to use this tool and just couple of days we thought to dirt our hands on it and trust me this is super incredible tool to build React or Vue apps.

What is CodeSandbox?

CodeSandbox is an online editor that helps you create web applications, from prototype to deployment. It allows developers to simply go to a URL in their browser to start building apps. This not only makes it easier to get started, it also makes it easier to share with your remote team or with your client to review the code or can be used for further development on these sandboxes by just sharing the URL. CodeSandbox is one such tool which supports npm dependencies and multiple files/directories. It allows us to show real-time feedback without any server communication because it runs everything on the browser.

What you can do with CodeSandbox?

Now you got to know what the CodeSandbox is all about and now you get to know what you can do with it. As we all know that how daunting task will be to build JavaScript apps so that CodeSandbox team specifically focused on web application development to make the experience as smooth as possible. Just open your browser and start coding with React, Vue, Angular and Preact apps. With the click of button you can easily create your dream project it could be using React or Vue or Angular as it automates things like transpiling, bundling and dependency management for you. One of the best thing about this editor is that as and when you start typing code you can see a live preview so you know exactly what’s on with your app.

CodeSandbox Future and web development?

Answer to the future of CodeSandbox is here from the creator Ives van Hoorne from his interview with SurviveJS. In this dynamic world, it’s very hard to speculate on what direction we’re going. I think that React and other web application frameworks, like Vue, will gain a lot more mainstream adoption this year.

I’ve seen a big increase of interest in Vue and many companies are moving to React lately. The interest automatically means that more people will go to CodeSandbox, either to learn, try something out or to build an example for asking a question.

My big question is if people will use CodeSandbox to build projects on, either to share or to start something serious. So to summarize it: I think web frameworks, and as a result CodeSandbox will grow a lot, the big question for CodeSandbox is what direction this will be.

Well here in this post rather than writing a lengthy post i would like to recommend you to go through this video from Ives van Hoorne based in Enschede, The Netherlands who is the Creator of CodeSandbox tool.

Here i would like drop out few resource which it can help you out really in using CodeSandbox.
1. Official CodeSandbox website https://codesandbox.io/
2. Here is the GitHub repo for this project https://github.com/CompuIves/codesandbox-client
3. Here is documentation for CodeSandbox https://codesandbox.io/docs/