Repl.it 1.0: IDE that Grows from Playgrounds to Fullstack Apps
Hey HN, author and Repl.it cofounder here. It&#x27;s been a long journey to get to what we&#x27;re calling 1.0 and HN have been there on every step of the way. We started working on what became Repl.it back in school where we were tired of setting up the development environment on every machine we wanted to code on. It was at a time where everything was moving to the cloud and we thought that, naturally, coding would follow suit. We initially approached this problem naively and started hand-writing interpreters in JavaScript so we can run them in the browser but soon enough we&#x27;ve figured that it would take us years of work to get to something usable.<p>At the time, Emscripten -- the predecessor to ASM.js that compiles native code to JavaScript -- was coming on the scene so we tried using it to compile Python, Ruby, and Lua and more to JavaScript. Much to our surprise it actually worked and we became the first production app to use Emscripten. We launched on HN in 2011 (<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=3056490" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=3056490</a>) and the reception was nothing short of amazing. Programmers used Repl.it as a portable repl and a bunch of learn-to-code and MOOC companies used our open-source stuff to build interactive coding experiences in the browser.<p>Unfortunately soon after that, we got busy with work and life and the project lingered for almost 5 years. I went to work at Codecademy as the #1 employee (which at the time was using open-source parts of Repl.it) and then left for Facebook where I worked on JavaScript Infrastructure and React Native. Around 2016 Haya (cofounder and wife) and I were looking for a new side-project but then decided that since no-one really built our vision for what Repl.it could become we decided to give it another shot. As soon as we started improving it we started seeing growth, within a few months it got to a point where we were spending a considerable sum just keeping the service up. We didn&#x27;t want to start a company but we were faced with the choice of either shutting down something that users obviously love or we quit our jobs and start a startup. We chose the latter.<p>One thing that&#x27;s interesting about our small team is that we&#x27;ve built expertise in both the frontend (IDE) and the infrastructure (container management and remote development environment protocols). For the IDE, we recently shipped a big rewrite that allowed us to do server-side rendering (important since we&#x27;re committed to speed) and a plugin architecture based on the ideas behind Redux with a very small core (<a href="https:&#x2F;&#x2F;repl.it&#x2F;blog&#x2F;ide" rel="nofollow">https:&#x2F;&#x2F;repl.it&#x2F;blog&#x2F;ide</a>). Everything in the IDE is a plugin, which is simply a reducer, a receiver, and a React component. The reducer builds up the state required for the plugin to work, the receiver dispatches actions in response to other actions flowing through the system, and the component renders. Even something as core to the IDE as the file tree is built as a plugin with no privileged hooks into the core. For the backend, we&#x27;ve designed a set of protocols and hooks for remote development. The protocol can expand capabilities as you require them. For example, every program starts out using the simple (loop (print (eval (read)))) protocol and then if you decide to use files&#x2F;modules then it will switch to something that knows how to handle file manipulation and change events. The IDE can also react to what you require, for example, if you open a port then it will open a webview would pop open so you can see the result.<p>Last but not least, Repl.it has a growing community of aspiring programmers.  Some of our hardcore fans are teenage programmers and so we&#x27;ve built a place for them to share, vote on, and discuss their projects (<a href="https:&#x2F;&#x2F;repl.it&#x2F;ibuiltthis?sort=top" rel="nofollow">https:&#x2F;&#x2F;repl.it&#x2F;ibuiltthis?sort=top</a>). One interesting thing that we&#x27;ve noticed about kids on our platform is that they continue to build 90&#x27;s-style website. I&#x27;ve commented on a recent HN thread with links to some of their creations (<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=16506825" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=16506825</a>).<p>Happy to answer any questions.