Codesmith Projects

Residents of Codesmith build projects that aim to push at the frontier of technology - open source tools and libraries for developers or applications deployed at scale that make an impact in society. Resident teams are driven by problems they find in developer tools, and work tirelessly to create inventive and useful solutions.

Open source software are central to all of the applications and experiences we love - we depend on it at Codesmith and we should all be contributors. Some recent projects we want to highlight are -

Reactide

Reactide Team Members

Bita Djaghouri
Bita Djaghouri
Software Engineer @ Unite US
Jin Choi
Jin Choi
Software Engineer @ Code Particle Inc

Reactide addresses pain points of React development described by Ben Alpert, React core engineer, at the 2016 React Conference regarding “web simplicity” and unifying developer tools. The Facebook core team recognized a need to speed up development process, simplify configuration of tooling, and sought community developer tools as a solution to this problem.

React Sight

React Sight Team Members

William He
William He
Software Engineer @ MindIt Technologies
Grant Kang
Grant Kang
Software Engineer

React has become one of the most popular front end libraries, powering many of the largest websites in the world today. React allows developers to build fast, reusable views by nesting modular components that are conditionally rendered based on application state. However, as applications scale, components become deeply nested, and it becomes difficult to conceptualize how projects are organized.

React Sight was built to give developers a live, interactive diagram to display the component structure for any React application, allowing them to see at-a-glance how views are organized and how data is being flows between components.

WebDSP

  • Highlighted on the main stage at Google I/O Annual Developer Conference 2017, where Google’s Alex Danilo used webDSP to “showcase what you can really do with WebAssembly".
  • Featured in Mozilla Hacks, and celebrated in the developer community on github.
  • Download their npm package here.

WebDSP Team Members

Shahrod Khalkhali
Shahrod Khalkhali
Software Engineer @ Maestro
Matthias Wagner
Matthias Wagner
Software Engineer @ GNARBOX

WebAssembly (WASM) is an exciting new binary format for the browser which features fast loading, efficient compilation, and near-native performance. With the rising popularity of progressive web applications which emulate the desktop app experience, we foresee that more computationally rigorous software, like media editing suites, will soon be available in the browser. Luke Wagner, a lead on the WASM team at Mozilla, envisions this new technology as expanding the JavaScript developer's toolkit through libraries and frameworks which implicitly leverage the power of WebAssembly. WebDSP was built to help developers break into this space by developing the first WebAssembly library for client-side digital signal processing (DSP), a fundamental building block for the full scale media-editing apps to come.

Webpack Monitor

Webpack Monitor Team Members

Jon Roach
Jon Roach
Software Engineer @ Fanatics, Inc.
Balal Zuhair
Balal Zuhair
Software Engineer

Webpack is an incredibly popular build tool, used to compile modular development projects into optimized, deployable assets. Existing tools provide ad hoc analysis of a single build, but none provide the insights that can be gained from visualizing Webpack builds over time. As projects grow so do their dependencies, with libraries and frameworks added to handle greater complexity. Without due care, bundle sizes can become unnecessarily large.

Codesmith residents built Webpack Monitor to keep track of bundle size over time. It’s a Webpack plugin that integrates into the development process and provides detailed analysis of production builds across versioning history, to help developers prioritize their optimization strategies.

Youdescribe

Youdescribe Team Members

Curt Toppel
Curt Toppel
Software Engineer @ Fanatics, Inc.
Trung Ding
Trung Ding
Software Engineer @ FloQast

There are over 300 million blind and low-vision individuals in the world today. YouTube has been the number one resource for on-demand videos. The problem is that watching YouTube videos in their current state has little to no value for blind and low vision users. Four years ago Joshua Miele and the Smith-Kettlewell Eye Research Institute attempted to solve this problem. After four years of trying to solve this problem on their own, they came to Codesmith for help and residents then built Youdescribe.

Projects and Research

It’s hard to identify the ‘typical’ Codesmith project - as each person at Codesmith tackles distinct new challenges, but other recent projects built by Codesmith students during the program have included -

  • P2P live video sharing built on WebRTC and WebTorrents Nile.js (1,500 github stars)
  • Stream-based state management library for React built on RxJs observables Omnistream
  • Facial recognition in the web browser WebSight (featured at Google Dev Summit 2017)
  • A developer tool to visualize a React aplication's component hierarchy React Monocle (2,000 github stars)
  • A CLI React performance optimization tool that identifies potential unnecessary re-rendering React Opt (1,800 github stars)
  • Visualization and debugging tool built for Vue.js DejaVue
  • A tool for testing and debugging your Vue + Vuex applications Vuetron

With new projects released every 7 weeks, there's constantly more innovation in open source happening and we'll keep this list updated with new groundbreaking projects as they are announced.