Peace, Love and JavaScript

Rate this content
Bookmark

The stability and security of open source projects can be found in the people shaping the culture as much as the code they write. The Executive Director of the OpenJS Foundation will share lessons she learned along the way on how to build trust and transparency to minimize drama and overcome challenges in the JavaScript ecosystem. She will cover critical topics such as empowering projects with open governance, building an ecosystem around a community project, and how OpenJS supports essential projects such as Node.js.

This talk has been presented at Node Congress 2024, check out the latest edition of this Tech Conference.

FAQ

The OpenJS Foundation is a neutral non-profit organization created by the merger of the Node.js Foundation and the JS Foundation. It supports and sustains the JavaScript ecosystem, including projects like Node.js, Appium, Jest, jQuery, and Webpack.

Robin Vendergian is the current executive director of the OpenJS Foundation. She has held this position for over four years.

Some key projects supported by the OpenJS Foundation include Node.js, Appium, Jest, jQuery, and Webpack. These projects are critical to the web and beyond.

The OpenJS Foundation minimizes drama through neutrality and open governance. It separates business and technical governance, with a board of directors setting the budget and business operations, and a cross-project council handling technical oversight. Open governance ensures that no one person or company can control a project.

The Node.js technical steering committee (TSC) is responsible for the technical direction of the project, including release quality standards, project governance policies and processes, GitHub hosting, conduct and mediation, and more. They ensure that no more than one-fourth of the committee members represent the same company.

The transfer of the Node.js logo to the OpenJS Foundation from Joyent (now owned by Samsung) was significant because it provided legal support and management of the trademark. This protects the work of collaborators and ensures the authenticity of the code, documentation, and other related materials.

The OpenJS Foundation has several collaboration spaces, including the Open Visualization Cloud Space, Security Cloud Space, Package Metadata Interoperability Cloud Space, and Standards Cloud Space. These spaces focus on various aspects like visualization libraries, security best practices, package metadata, and standards.

The OpenJS Foundation supports open source projects by providing legal support, managing trademarks, offering marketing assistance, hosting IT infrastructure, and ensuring neutrality. This helps reduce friction for maintainers and fosters a collaborative and diverse community.

The Node.js documentary, released by Honeypot, explores the history and challenges of the Node.js project. It can be found on YouTube and is described as a must-watch for developers, similar to Honeypot's documentaries on React and Kubernetes.

Anyone interested in participating in the OpenJS Foundation's projects can visit their website, join their Slack channel, or check their public calendar for collaboration space meetings. The foundation welcomes collaboration and participation from the community.

Robin Ginn
Robin Ginn
17 min
04 Apr, 2024

Comments

Sign in or register to post your comment.

Video Summary and Transcription

The OpenJS Foundation supports the entire JavaScript ecosystem and thousands of open source projects. They follow a neutral nonprofit organization with separate business and technical governance to minimize drama. Rebooting governance and addressing intellectual property can also help reduce conflicts. OpenJS provides collaboration spaces and support in various areas for open source projects. They foster a collaborative environment and invite participation in their projects.
Available in Español: Paz, Amor y JavaScript

1. Introduction to OpenJS and its Projects

Short description:

I'm Robin Vendergian, the executive director of the OpenJS Foundation. OpenJS supports not only Node.js but the entire JavaScript ecosystem. Thousands of other open source projects are connected with ours. 99% of the world's websites rely on JavaScript. Our projects include Appium, Jest, jQuery, Webpack, and Node. Our foundation depends on our members for financial support and active participation in governance.

Hi, everyone. Hi, Node Congress friends. I'm Robin Vendergian. I'm here today to talk to you about peace, love, and JavaScript.

Now, you know, I've had the best jobs ever. I've got to spend, you know, most of my career working with open source and open standards communities like you. At that, the past 13 years, I've been working with the Node.js community. And for the past four plus, I have been the executive director of the OpenJS Foundation.

And if you don't know, OpenJS was created by the merger of the Node.js Foundation and the JS, the JavaScript Foundation, shortly before I joined. Now, here is my friend and predecessor, Michael Rogers. Michael was the first executive director of the Node.js Foundation, and he may not have described his job as the best job ever back in 2015. In a newly released Node.js documentary, he described the challenges facing the project at the time as there was so much drama. And you're going to have to take a look at the Node.js documentary that was just released on YouTube. It was released by Honeypot, who some are calling the Netflix for developers. And you may have seen their documentary on React or Kubernetes. And just want to really thank the Honeypot crew. They're a great job platform, particularly for folks in Europe.

And so if you look at OpenJS today, we not only support Node.js, we support the JavaScript ecosystem as a whole. And when you think about why do we have a foundation, and I often like to say when a piece of technology becomes super important to the world, it is often donated to a foundation. And we love our 35 projects, but there are thousands of other open source projects that are connected with ours. And did you know that 99% of the world's websites rely on JavaScript? So most people are using JavaScript, whether they know it or not. Folks like NASA, they use Node.js or spacesuit solutions to keep astronauts safe. So if you think about it, Node.js and open source really are mission critical to the world.

So let's just take a step back and give you a brief overview of our projects. Our projects are really critical to the web and beyond. We have Appium, we have Jest, jQuery, Webpack, and of course Node. And our foundation really could not survive without our members. They really make it happen. They provide the financial support to run our operations. And individually, they're also very active in our governance process.

2. Minimizing Drama in Open Source Projects

Short description:

To minimize drama in open source projects, OpenJS follows a neutral nonprofit organization with separate business and technical governance. The cross-project council sets best practices, and individual projects have their own technical steering committees. Open governance ensures democratic leadership and collaboration, where no one person or company controls Node.js. The technical steering committee is responsible for the project's direction, quality standards, governance, and more. Node.js is a community-led project with a governance model that sets best practices for open source projects.

And you know, if you take a look at the Node documentary, you'll find the drama was probably the result because it was missing a few key elements in those early days of Node. So today, I'm going to talk to you about the elements that are sort of critical to minimize drama in open source projects. And the first one is neutrality. And at OpenJS, we have policies in place as a neutral nonprofit organization to minimize drama. And by doing this, we really have a separate business and technical governance.

We have a board of directors that are comprised of our members that really sort of set the budget and in the kind of business operations of the foundation. And then we have a separate technical side that is unrelated to our membership. And we have the cross project council, which is typically what other foundations describe as a technical oversight committee. And they really take a look across the board at all of our projects and set best practices. And as an umbrella organization, one key thing that we put in place early on is to create a model that gives a strong voice to our individual projects. So each project has their own technical steering committee or core team that really drives and sets the technical direction of our projects. So if you'll take a look at it, our paid members have no influence on the technical direction of the projects.

Another key way to minimize drama is through open governance. And if you take a look at sort of open source, open source is really defining how software is distributed, the licensing, and more. But open governance really is about how the project is run. So if you take a look at open governance, the collaborators are typically nominated, and their leadership is elected in some democratic form. And if you're taking if you're sort of wondering if your favorite open source project has open governance, take a look at their repo and see if they have a governance page. So you'll find the Node.js governance page right here if you go on to GitHub. And what you'll find after you digest all of the information is that no one person can control Node.js. No one company can control Node.js. Each collaborator has to compromise to achieve their objectives. So Node, for example, has a technical steering committee, a TSC, and their responsible for all of the technical direction of the project, including the release quality standards, the project governance policies and process, the GitHub hosting, and any sort of conduct and mediation, and so much more. And if you take a look at the collaborators in the project, they own the repo for the Node.js slash Node GitHub repo, and collaborators have access, human access to that repo and access to the continuous integration, the CI jobs. And you know, if ever there is a disagreement with the project all up, and that's not just the collaborators, there's a lot of working groups as well, the TSC votes, and then there's some other neutrality pieces that are built into the Node governance. And one important piece is that of all of these people, no more than one fourth of those people can represent the same company. So again, we love Node, it's truly a community-led project. And their governance has really sort of set precedent in best practices for other open source projects. One other aspect of governance is sometimes the people in the governance project changes. And that's okay. Sometimes, you know, maintainers or the technical steering committee, they run out of time, energy, they may have changed jobs, where they don't have as much time.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Scaling Up with Remix and Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Scaling Up with Remix and Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Full Stack Components
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Full Stack Components
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
Debugging JS
React Summit 2023React Summit 2023
24 min
Debugging JS
Top Content
Watch video: Debugging JS
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Making JavaScript on WebAssembly Fast
JSNation Live 2021JSNation Live 2021
29 min
Making JavaScript on WebAssembly Fast
Top Content
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making JavaScript on WebAssembly fast, instances can be created for each request, reducing latency and security risks. Initialization and runtime phases can be improved with tools like Wiser and snapshotting, resulting in faster startup times. Optimizing JavaScript performance in WebAssembly can be achieved through techniques like ahead-of-time compilation and inline caching. WebAssembly usage is growing outside the web, offering benefits like isolation and portability. Build sizes and snapshotting in WebAssembly depend on the application, and more information can be found on the Mozilla Hacks website and Bike Reliance site.
Webpack in 5 Years?
JSNation 2022JSNation 2022
26 min
Webpack in 5 Years?
Top Content
In the last 10 years, Webpack has shaped the way we develop web applications by introducing code splitting, co-locating style sheets and assets with JavaScript modules, and enabling bundling for server-side processing. Webpack's flexibility and large plugin system have also contributed to innovation in the ecosystem. The initial configuration for Webpack can be overwhelming, but it is necessary due to the complexity of modern web applications. In larger scale applications, there are performance problems in Webpack due to issues with garbage collection, leveraging multiple CPUs, and architectural limitations. Fixing problems in Webpack has trade-offs, but a rewrite could optimize architecture and fix performance issues.
Towards a Standard Library for JavaScript Runtimes
Node Congress 2022Node Congress 2022
34 min
Towards a Standard Library for JavaScript Runtimes
Top Content
There is a need for a standard library of APIs for JavaScript runtimes, as there are currently multiple ways to perform fundamental tasks like base64 encoding. JavaScript runtimes have historically lacked a standard library, causing friction and difficulty for developers. The idea of a small core has both benefits and drawbacks, with some runtimes abusing it to limit innovation. There is a misalignment between Node and web browsers in terms of functionality and API standards. The proposal is to involve browser developers in conversations about API standardization and to create a common standard library for JavaScript runtimes.

Workshops on related topic

Master JavaScript Patterns
JSNation 2024JSNation 2024
145 min
Master JavaScript Patterns
Featured Workshop
Adrian Hajdin
Adrian Hajdin
During this workshop, participants will review the essential JavaScript patterns that every developer should know. Through hands-on exercises, real-world examples, and interactive discussions, attendees will deepen their understanding of best practices for organizing code, solving common challenges, and designing scalable architectures. By the end of the workshop, participants will gain newfound confidence in their ability to write high-quality JavaScript code that stands the test of time.
Points Covered:
1. Introduction to JavaScript Patterns2. Foundational Patterns3. Object Creation Patterns4. Behavioral Patterns5. Architectural Patterns6. Hands-On Exercises and Case Studies
How It Will Help Developers:
- Gain a deep understanding of JavaScript patterns and their applications in real-world scenarios- Learn best practices for organizing code, solving common challenges, and designing scalable architectures- Enhance problem-solving skills and code readability- Improve collaboration and communication within development teams- Accelerate career growth and opportunities for advancement in the software industry
Integrating LangChain with JavaScript for Web Developers
React Summit 2024React Summit 2024
92 min
Integrating LangChain with JavaScript for Web Developers
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Dive into the world of AI with our interactive workshop designed specifically for web developers. "Hands-On AI: Integrating LangChain with JavaScript for Web Developers" offers a unique opportunity to bridge the gap between AI and web development. Despite the prominence of Python in AI development, the vast potential of JavaScript remains largely untapped. This workshop aims to change that.Throughout this hands-on session, participants will learn how to leverage LangChain—a tool designed to make large language models more accessible and useful—to build dynamic AI agents directly within JavaScript environments. This approach opens up new possibilities for enhancing web applications with intelligent features, from automated customer support to content generation and beyond.We'll start with the basics of LangChain and AI models, ensuring a solid foundation even for those new to AI. From there, we'll dive into practical exercises that demonstrate how to integrate these technologies into real-world JavaScript projects. Participants will work through examples, facing and overcoming the challenges of making AI work seamlessly on the web.This workshop is more than just a learning experience; it's a chance to be at the forefront of an emerging field. By the end, attendees will not only have gained valuable skills but also created AI-enhanced features they can take back to their projects or workplaces.Whether you're a seasoned web developer curious about AI or looking to expand your skillset into new and exciting areas, "Hands-On AI: Integrating LangChain with JavaScript for Web Developers" is your gateway to the future of web development. Join us to unlock the potential of AI in your web projects, making them smarter, more interactive, and more engaging for users.
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
React Day Berlin 2022React Day Berlin 2022
86 min
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a general example of building a code editor using CodeMirror in React. All while sharing some of the nuances our team learned about using this library and some problems we encountered.
Testing Web Applications Using Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Testing Web Applications Using Cypress
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
This workshop will teach you the basics of writing useful end-to-end tests using Cypress Test Runner.
We will cover writing tests, covering every application feature, structuring tests, intercepting network requests, and setting up the backend data.
Anyone who knows JavaScript programming language and has NPM installed would be able to follow along.
React Server Components Unleashed: A Deep Dive into Next-Gen Web Development
React Day Berlin 2023React Day Berlin 2023
149 min
React Server Components Unleashed: A Deep Dive into Next-Gen Web Development
Workshop
Maurice de Beijer
Maurice de Beijer
Get ready to supercharge your web development skills with React Server Components! In this immersive, 3-hour workshop, we'll unlock the full potential of this revolutionary technology and explore how it's transforming the way developers build lightning-fast, efficient web applications.
Join us as we delve into the exciting world of React Server Components, which seamlessly blend server-side rendering with client-side interactivity for unparalleled performance and user experience. You'll gain hands-on experience through practical exercises, real-world examples, and expert guidance on how to harness the power of Server Components in your own projects.
Throughout the workshop, we'll cover essential topics, including:- Understanding the differences between Server and Client Components- Implementing Server Components to optimize data fetching and reduce JavaScript bundle size- Integrating Server and Client Components for a seamless user experience- Strategies for effectively passing data between components and managing state- Tips and best practices for maximizing the performance benefits of React Server Components
0 to Auth in an Hour Using NodeJS SDK
Node Congress 2023Node Congress 2023
63 min
0 to Auth in an Hour Using NodeJS SDK
WorkshopFree
Asaf Shen
Asaf Shen
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool.
We will enhance a full-stack JS application (Node.JS backend + React frontend) to authenticate users with OAuth (social login) and One Time Passwords (email), including:- User authentication - Managing user interactions, returning session / refresh JWTs- Session management and validation - Storing the session for subsequent client requests, validating / refreshing sessions
At the end of the workshop, we will also touch on another approach to code authentication using frontend Descope Flows (drag-and-drop workflows), while keeping only session validation in the backend. With this, we will also show how easy it is to enable biometrics and other passwordless authentication methods.
Table of contents- A quick intro to core authentication concepts- Coding- Why passwordless matters
Prerequisites- IDE for your choice- Node 18 or higher