October 2021 Summaries

Replit's official illustrator, Joe, has been creating art for 10 years, with a passion for aesthetics and concepts. His work is influenced by surrealist art, psychedelic comics, pop art, and large-scale public installations. Joe was discovered by Replit's co-founders Amjad and Haya in 2018 while freelancing, and they commissioned him to create artwork for their "bot building competition". Since then, he has been creating art full-time for the company, which he appreciates for its clear project outlines and smooth workflow. His work can be seen on Replit's official Art Page and followed on Instagram through the Replit Art Gallery page.

RUI`, Replit's evolving design system, was built to address the challenges of a growing team and application. The system is structured into layers with patterns that compose each layer above it. Tokens are the most primitive layer, defining core visual attributes such as colors, spacing sizes, font sizes, and more. A clear and predictable token set helps create new interfaces quickly and enables designers and engineers to speak a common language. Improvements were made to naming conventions for tokens, including using descriptive names instead of numbers or arbitrary titling. The number of tokens was reduced while adding categories, eliminating unused tokens, and ensuring each one is visually distinct. Strict typing was implemented to prevent typos and improve code maintainability, with emotion providing a CSS API to access tokens across files. The system is ongoing, and future updates will be shared on the blog.

As the practice of software development increasingly resembles assembling Lego pieces, the way these components, or packages, are accessed and utilized becomes crucial. In light of this, a $25,000 donation has been made to the NixOS Foundation, advocating for Nix as the future of software distribution. Traditional package managers, tailored to specific language ecosystems, now seem outdated, especially with the advent of cloud-based development environments like repls, which allow for immediate execution without the cumbersome fetch-unzip-install process. Nix facilitates this by using content-addressable storage, enabling instant access to packages and ensuring reproducibility, so that once a repl works, it continues to do so consistently. This approach eliminates package conflicts and ensures compatibility regardless of version updates. With Nix, updating languages or system packages no longer requires the daunting task of modifying Polygott, Replit's Docker image, significantly accelerating the rollout process. Replit, known for embracing emerging technologies like WebAssembly early on, is investing in Nix to enhance performance, minimize bugs, and empower users to create and distribute programming environments. This support includes integrating Nix into every repl, developing infrastructure to support its use in production, and financially backing the NixOS Foundation to promote ongoing development and initiatives such as the Summer of Nix.

Replit is announcing its official Solidity development template, which aims to simplify smart contract development for the Web3 community. The template provides a collaborative and accessible way for developers to learn Solidity and deploy their contracts on the Ethereum blockchain. With Replit's unique advantage as a general-purpose computing environment, the template offers features such as live-editing, deployment UI, and a shared contract repository. This move is part of Replit's mission to make software creation easier, faster, and more fun, and it has the potential to unlock thousands of new developers in the decentralized web. The template is just the beginning, with plans for future updates and integrations with other tools and platforms, such as Ethereum and hardhat.

We have been working on improving our Nix integration, aiming for every repl to be backed by Nix, and removing the additional loading time when opening a Nix-based repl. This improvement is made possible through caching environment variables exported by nix-shell, reducing startup times from tens of seconds to just a few seconds. The Nix integration uses a purely functional language for configuration and build steps, storing outputs in the Nix store, which is seeded with a vast majority of packages in the nixpkgs repository. By persisting environment variables to the repl's filesystem, we can skip the Nix evaluation step on startup, making the experience just as good as our existing Polygott solution.

Replit has introduced Dark Mode, a new theme option available to all users, enhancing user experience across its platform. This feature is part of a broader effort to revamp Replit's design system, involving a restructuring of CSS variables and the development of reusable components and visual utilities. The update not only aims to prevent eye strain in low-light conditions but also lays the groundwork for future customization options, such as personal or team-specific themes. Alongside aesthetic enhancements, the redesign focuses on improving accessibility by ensuring higher contrast in color tokens and incorporating accessibility best practices into the components, facilitating the creation of high-contrast and colorblind-friendly themes.