DEV Community

Cover image for Ecosystem and Frameworks: My Role at Netlify
Nick Taylor
Nick Taylor Subscriber

Posted on • Originally published at iamdeveloper.com

Ecosystem and Frameworks: My Role at Netlify

I'm curious what frontend frameworks you're all interested in these days? Powerful meta frameworks have been built using libraries like Vue and React. Next.js comes to mind: Remix is a new contender, and we have other notable projects like SvelteKit, Astro, Eleventy, etc.

I'm on the ecosystem team working on frameworks in my new role at Netlify. Our job, at the moment, because I'm sure it will evolve, is to ensure whatever you deploy to Netlify deploys seamlessly. I'm not saying this to promote Netlify, although it is incredible. It's to express my excitement at this type of role.

I need to know/learn how all these frameworks work, which is exciting.

For example, if you weren't aware, Netlify released their Edge functions offering a couple of weeks ago. My coworker Salma has a great post about them.

My other awesome coworker Eduardo released a deep dive article about Netlify Edge functions if you want to check that out as well.

I bring this up because I get to continue to work in open source in my role at Netlify. For some background, Edge functions use the amazing Deno project, a modern open-source runtime for JavaScript and Typescript. We're big fans of OSS at Netlify. ♥️

Deno · GitHub

Uncomplicate JavaScript. Deno has 208 repositories available. Follow their code on GitHub.

favicon github.com

I was looking into an issue with Netlify Edge functions within the Remix framework.

GitHub logo remix-run / remix

Build Better Websites. Create modern, resilient user experiences with web fundamentals.

Welcome to Remix 3!

This branch (v3) is the source for Remix 3. It is under active development.

We published a blog post earlier this year with some of our thoughts around Remix 3. It explains our philosophy for web development and why we think the time is right for something new. In particular, we follow these principles:

  1. Model-First Development. AI fundamentally shifts the human-computer interaction model for both user experience and developer workflows. Optimize the source code, documentation, tooling, and abstractions for LLMs. Additionally, develop abstractions for applications to use models in the product itself, not just as a tool to develop it.
  2. Build on Web APIs. Sharing abstractions across the stack greatly reduces the amount of context switching, both for humans and machines. Build on the foundation of Web APIs and JavaScript because it is the only full stack ecosystem.
  3. Religiously Runtime. Designing…

One of the core team members had issues getting Edge functions to work with Remix. After some fun detective work, I figured out the issue. TLDR; a polyfill wasn't web standards compliant, so the bug only occurred when Edge functions were enabled because Deno is compliant. In contrast, regular serverless functions use the non-web standards compliant polyfill in Node.js land.

It's not fixed yet, at least when writing this post, but the Remix core team is working on it. It was tons of fun to figure things out publicly and share my findings, as this is open-source baby!

I'm stoked to continue exploring this role, working with the developer community, our customers, my coworkers, and open-source community!

Peace peeps!

Photo by Alex Kondratiev on Unsplash

Top comments (2)

Collapse
 
rajeshroyal profile image
Rajesh Royal

Decoraters [ts], Generators, Memoization, Redux toolkit.

Collapse
 
xinusys profile image
XinuSys

The front-end world will continue to produce newer frames and frameworks: one factor being ease of mobile access, another being backwards - compatibility for older browsers ( where some CSS/JS breaks)

'Web standards' are great, but they get updated often, just as hardware evolves.