Senior Software Engineer (Front End): Editorial Experience
Sanity Studio is a real-time, collaborative, composable and highly configurable platform that gives editors an incredible amount of flexibility and gives developers a robust, extendable and reactive framework for building authoring experiences. As a senior software engineer on our new Editorial Experience team, you’ll be responsible for improving the core user experience of our Studio – helping drive new features and improvements that provide delightful and modern experiences to editorial teams of all sizes.
- Building user interfaces: planning and implementing delightful surfaces that touch upon all aspects of the Studio editorial experience. This is a vast surface that can cover text editing, custom workflows, digital asset management and more.
- Thinking about collaboration: Everything in Sanity reacts in real-time to changes in content. Every edit sends structured patches to the server and is applied to connected clients. Presence indicators show who’s editing what. You’ll be building robust user interfaces that can accommodate constant change and thinking about how our editors can better work in a collaborative environment.
- Debugging and optimizing: With a huge React-based app full of reactivity, there are a lot of updates and room for optimization. Keeping an eye on performance, figuring out the slowest paths and building good patterns to keep the user interface snappy is important.
- Learning and teaching: With a huge community of content editors and developers using the product, you’ll have lots of opportunities to learn from what they are doing with Sanity and how we can make their lives easier. It also means there are opportunities to teach developers internally and externally about best practices and new approaches.
- Continuously improving: There is always room for improvement. We want to improve our test coverage, make our APIs more robust, decouple state from UI, stay up to date with the latest dependencies… In other words: always improving the product.
- Building in the open: The Sanity studio is an open-source project. The vast majority of your contributions will be public and MIT-licensed.
- NOT create “webpages”. The Sanity studio is a complex, React-powered application. We’re looking for someone who has experience with web applications - things that run in your browser, have local state, updates in reaction to remote changes etc. It has a lifecycle much longer than a regular webpage render cycle, e.g. receive HTML, attach event handlers and done.
- NOT be working on an internal tool that no one outside of your company will see. Sanity has a large number of customers and users who will all be using and building on our code, and our APIs. As a developer at Sanity, you will be delivering high-impact work that empowers thousands of people all over the world.
- NOT be stagnant. There will be plenty of opportunities to explore new patterns, investigate relevant tools and keep up to date with the latest and greatest. It’s important for us to stay ahead!
- React. Given our entire application is rendered with React, we really do need you to know your way around
useEffect. We really hope you know about the React developer tools, and have gotten your way out of
useEffectloops. Context isn’t always the right choice, but we hope you’ve got experience with it anyway. We’d be very happy if you’ve optimized some rendering in a React application, and we’d be absolutely over the moon if you know what
useSyncExternalStoreis, or know the intricacies of strict mode.
- State management. We don’t really care if you’re an old-time Reflux user, have years of experience with Redux or if you’re on the zustand train - but we do care that you know when and why you might reach for one of these. We’d also like you to know about “selectors”, or other techniques of fine-grained subscription.
- Core web and browser concepts. You need to know what HTTP requests are, what the event loop is (and why it matters), how promises work, how to use browser development tools and preferably also know your way around some DOM and browser APIs. In other words; you know what the
fetchAPI is and roughly how it works, and you’ve at least heard about
- Module systems and bundling. No, we don’t need you to be an expert on Webpack. But we DO need you to know what bundlers like Webpack, Vite and Rollup DO. Similarly, we don’t expect you to solve any ESM vs CommonJS issue we may encounter, but we really hope you know what those two names mean, and how they are different.
- TypeScript. The basics: interfaces, types, and some knowledge of generics. Why you shouldn’t use
any. If you care about type narrowing, discriminating unions and other fancy TypeScript features, we’d be even happier!
- Unit testing. Using something like Jest, vitest, tap, mocha… The framework isn’t important, what is important is that you know why and how to write tests. We’d love it if you could talk about test isolation and the pros/cons of snapshot testing.
- RxJS. As a real-time app, the Sanity Studio has to respond (or “react” if you’d like) to a multitude of events that can happen at any point in time. We use RxJS in some areas of our codebase to drive reactivity and combine async events from various sources.
- Automated browser testing. Tools like Cypress, Playwright, Puppeteer etc.
- Node.js. We’re running a lot of Node-based tools, and our command line interface is written in Node, so it would be great if you knew how to navigate these things and hook up dependencies. If you’ve built some backend stuff with Node that’d be awesome, but you won’t be doing too much of it in this role.
- Accessibility. Accessible design is good design. We’re constantly striving to make Studio as accessible and inclusive as possible, and a basic familiarity with Web Content Accessibility Guidelines and/or an understanding of how people with disabilities browse the web is always welcome.
- A compassionate, friendly human being that cares about and shows respect to the people you work with, as well as having empathy for our users. We want everyone to feel welcome in our community while using our product, regardless of who they are and what they already know.
- Pragmatic. While we strive to make the best possible solutions, we also need to get value to our users and make sure they are not blocked. This means that sometimes you will need to deliver an incomplete or imperfect solution which we can iterate on over time, even though you might be tempted to hold off until it is “complete”.
- Conscious about readable, maintainable code. Thoughtful comments, consistent coding style, and following the best practices and guidelines established by the team.
- Able to collaborate effectively with people of different roles and backgrounds. Product managers, fellow developers, external clients and content authors.
Most of the stuff we build is open-source, so feel free to check us out on GitHub! Here’s a few blog posts about features we’ve released for the Sanity studio project:
- Presence: Broadcasting and showing where people are currently editing. Finding optimal ways of exchanging the information, rendering the indicators on the page, and making APIs to allow developers full control of the experience in custom input components and tools and similar.
- Studio v3: Modernizing the studio codebase: building scalable API foundations, improving developer experience, allowing embedding Sanity into existing React codebases, identifying inconsistent and unergonomic APIs and improving them, migrating to TypeScript
- Review changes: Visualizing what changed between revisions of a document in a way that is easy to understand, and allowing developers to build custom React components for displaying these differences.
There is some really cool technology powering the studio that we haven’t written about, that’d we love to show and tell you about if you’re interested. Let us know! We love talking about tech, and care deeply about our product!
What we can offer:
- A highly-skilled, inspiring, and supportive team where long-term personal growth is encouraged and supported.
- Positive, flexible, and trust-based work environment.
- A very global, multi-culturally diverse group of colleagues and customers.
- Remote/WFH in Europe, located in one of the following countries: Norway, Sweden, Estonia, Germany, Spain, the United Kingdom, Ireland, and the Netherlands.
- Comprehensive health plans and perks.
- A healthy work-life balance that accommodates individual and family needs.
- Competitive salary and stock options program.
Not sure you meet 100% of our qualifications? Have an untraditional background? Do apply anyway!
Sanity.io is the fastest, most flexible platform for delivering content to digital devices and products. Our platform is redefining the CMS market and changing the way organizations collaborate and work with content. Our growing community of developers and editors proves we are improving the working lives of people all over the world.
Sanity is trusted by organizations from Spotify to Figma and Stack Overflow. That trust is based on our product’s ability to quickly create customized workflows and content models, drive a programmatic approach to content, and enable organizations to distribute structured content from a single source of truth.
Sanity is backed by ICONIQ Growth, Threshold Ventures, Lead Edge Capital, Heavybit, Alliance Venture, Monochrome Capital, and prominent angel investors like Twitter and Medium co-founder Ev Williams, Netlify co-founder Matthias Biilmann, ex-CEO of Heroku Adam Gross and Vercel founder Guillermo Rauch.
We believe that you cannot build a great company without a great culture. Read about our values here and join us in building a diverse and inclusive team.
Sanity.io pledges to be an organization that reflects the globally diverse audience that our product serves. We believe that in addition to hiring the best talent, a diversity of perspectives, ideas, and cultures leads to the creation of better products and services. We are committed to equal employment opportunity regardless of race, color, ancestry, religion, sex, national origin, sexual orientation, age, citizenship, marital status, disability, or gender identity.
*Compensation range for this role varies depending on experience, region/location.