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 -
- The most popular integrated developer environment (IDE) for building React web applications with over 7,600 github stars.
- Awarded 3rd on the list of the Top 25 Amazing Open Source React.js Projects in 2017.
- Check out the features they offer and download it here.
Reactide Team Members
Software Engineer @ Unite US
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.
- In 2017 React Sight was among the Top 25 Amazing Open Source React.js Projects.
- With 1,600 github stars it made a big impact on the react developer community.
- Check out their website and demo here.
React Sight Team Members
Software Engineer @ MindIt Technologies
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.
- 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
Software Engineer @ Maestro
Software Engineer @ GNARBOX
- Created a stir on github with over 1,500 stars.
- Check out their excellent UX and their demo here.
Webpack Monitor Team Members
Software Engineer @ Fanatics, Inc.
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 is an accessible video platform backed by U.S. Department of Education’s Office and Dr. Joshua Miele at The Smith-Kettlewell Eye Research Institute.
- You can contibute to the video descriptions for low-vision individuals here.
Youdescribe Team Members
Software Engineer @ Fanatics, Inc.
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.