rfcs

RFCs for changes to React

5,544

558

5,544

View on GitHub

Top Related Projects

react

230,431

The library for web and native user interfaces.

angular

96,481

Deliver web apps with confidence 🚀

svelte

80,472

web development for the rest of us

TypeScript

101,477

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

Quick Overview

The reactjs/rfcs repository is a dedicated space for proposing, discussing, and documenting significant changes to the React library. It serves as a formal process for introducing new features or major modifications to React, allowing the community to provide feedback and collaborate on shaping the future of the library.

Pros

Provides a transparent and structured approach to React's evolution
Encourages community participation and feedback on proposed changes
Serves as a historical record of React's development process
Allows for thorough discussion and refinement of ideas before implementation

Cons

Can potentially slow down the implementation of new features
May be intimidating for newcomers to contribute due to the formal nature of the process
Requires significant time and effort to draft, review, and iterate on proposals
Some proposals may not gain traction or be implemented, leading to potential frustration

Getting Started

To participate in the React RFC process:

Fork the reactjs/rfcs repository.
Copy 0000-template.md to text/0000-my-feature.md (where "my-feature" is descriptive).
Fill in the RFC template with your proposal.
Submit a pull request to the main repository.
Build consensus and integrate feedback through discussion with the community.
The React core team will decide whether to accept, reject, or request changes to the RFC.

For more detailed instructions, refer to the README.md file in the repository.

Competitor Comparisons

react

230,431

The library for web and native user interfaces.

Pros of React

Contains the full React library source code and documentation
Actively maintained with frequent updates and releases
Includes examples, testing utilities, and build tools

Cons of React

Large repository size due to full source code and dependencies
May be overwhelming for those only interested in React's design process
Contains implementation details that might not be relevant for all users

Code Comparison

React:

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const element = <Welcome name="Sara" />;
ReactDOM.render(element, document.getElementById('root'));

RFCs:

# RFC: Add new feature X

## Summary

This RFC proposes adding feature X to React...

## Motivation

Feature X would solve the following problems...

## Detailed design

The implementation of feature X would involve...

Additional Notes

React is the main repository for the React library, containing the full source code, documentation, and examples.
RFCs is focused on the design process and proposals for new React features, providing a platform for community discussion and feedback.
While React is essential for developers using the library, RFCs is more relevant for those interested in React's evolution and decision-making process.

angular

96,481

Deliver web apps with confidence 🚀

Pros of Angular

Comprehensive framework with built-in tools for routing, forms, and HTTP requests
TypeScript support out of the box, providing better type checking and tooling
Detailed documentation and extensive CLI for project scaffolding and management

Cons of Angular

Steeper learning curve due to its comprehensive nature and TypeScript requirement
More opinionated structure, which may limit flexibility in some cases
Larger bundle size compared to React's core library

Code Comparison

Angular component:

@Component({
  selector: 'app-example',
  template: '<h1>{{ title }}</h1>'
})
export class ExampleComponent {
  title = 'Hello, Angular!';
}

React component:

function ExampleComponent() {
  const title = 'Hello, React!';
  return <h1>{title}</h1>;
}

Additional Notes

Angular is a full-fledged framework, while React is a library focused on UI components
RFCs repository is specifically for React's feature proposals, while Angular's repository contains the entire framework codebase
Angular uses a component-based architecture with decorators, while React uses a more functional approach with hooks
Both projects have active communities and regular updates, but Angular's release cycle is more structured with major versions

svelte

80,472

web development for the rest of us

Pros of Svelte

Smaller bundle size and better performance due to compile-time optimization
Simpler syntax with less boilerplate code
Built-in state management without additional libraries

Cons of Svelte

Smaller ecosystem and community compared to React
Fewer job opportunities and less widespread adoption
Limited tooling and third-party library support

Code Comparison

Svelte:

<script>
  let count = 0;
  function increment() {
    count += 1;
  }
</script>

<button on:click={increment}>
  Clicks: {count}
</button>

React:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button onClick={() => setCount(count + 1)}>
      Clicks: {count}
    </button>
  );
}

The Svelte code is more concise and doesn't require importing React or using hooks. State updates are handled automatically without explicit setter functions. React, on the other hand, uses hooks for state management and requires more setup code.

While RFCs focuses on proposing changes to React, Svelte is a complete framework. This comparison highlights the differences in their approaches to component development and state management.

TypeScript

101,477

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

Pros of TypeScript

Larger, more active community with frequent updates and contributions
Comprehensive documentation and extensive type definitions for many libraries
Powerful tooling support, including advanced IDE features and error checking

Cons of TypeScript

More complex setup and configuration compared to RFCs
Steeper learning curve for developers new to static typing
Potential for overengineering and excessive type annotations

Code Comparison

TypeScript:

interface User {
  id: number;
  name: string;
  email: string;
}

function greetUser(user: User): string {
  return `Hello, ${user.name}!`;
}

RFCs:

function greetUser(user) {
  return `Hello, ${user.name}!`;
}

The TypeScript example demonstrates static typing and interface definition, while the RFCs example shows a simpler, more flexible approach without type annotations.

TypeScript offers stronger type checking and better tooling support, but RFCs provides a more straightforward implementation with less overhead. The choice between the two depends on project requirements, team expertise, and desired level of type safety.

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

React RFCs

Many changes, including bug fixes and documentation improvements can be implemented and reviewed via the normal GitHub pull request workflow.

Some changes though are "substantial", and we ask that these be put through a bit of a design process and produce a consensus among the React core team.

The "RFC" (request for comments) process is intended to provide a consistent and controlled path for new features to enter the project.

Active RFC List

Contributor License Agreement (CLA)

In order to accept your pull request, we need you to submit a CLA. You only need to do this once, so if you've done this for another Facebook open source project, you're good to go. If you are submitting a pull request for the first time, just let us know that you have completed the CLA and we can cross-check with your GitHub username.

Complete your CLA here.

When to follow this process

You should consider using this process if you intend to make "substantial" changes to React or its documentation. Some examples that would benefit from an RFC are:

A new feature that creates new API surface area, and would require a feature flag if introduced.
The removal of features that already shipped as part of the release channel.
The introduction of new idiomatic usage or conventions, even if they do not include code changes to React itself.

Some changes do not require an RFC:

Rephrasing, reorganizing or refactoring
Addition or removal of warnings
Additions that strictly improve objective, numerical quality criteria (speedup, better browser support)
Additions only likely to be noticed by other implementors-of-React, invisible to users-of-React.

What to expect

It is hard to write an RFC that would get accepted. Nevertheless, this shouldn't discourage you from writing one.

React has a very limited API surface area, and each feature needs to work seamlessly with all other features. Even among the team members who work on React full time every day, ramping up and gaining enough context to write a good RFC takes more than a year.

In practice, React RFCs serve two purposes:

React Team RFCs are submitted by React Team members after extensive (sometimes, multi-month or multi-year) design, discussion, and experimentation. In practice, they comprise the majority of the RFCs that got merged so far. The purpose of these RFCs is to preview the design for the community and to provide an opportunity for feedback. We read every comment on the RFCs we publish, respond to questions, and sometimes incorporate the feedback into the proposal. Since our time is limited, we don't tend to write an RFC for a React feature unless we're very confident that it fits the design. Although it might look like most React Team RFCs easily get accepted, in practice it's because 98% of ideas were left on the cutting room floor. The remaining 2% that we feel very confident and have team consensus on about are the ones that we announce as RFCs for community feedback.
Community RFCs can be submitted by anyone. In practice, most community RFCs do not get merged. The most common reasons we reject an RFC is that it has significant design gaps or flaws, does not work cohesively with all the other features, or does not fall into our view of the scope of React. However, getting merged is not the only success criteria for an RFC. Even when the API design does not match the direction we'd like to take, we find RFC discussions very valuable for research and inspiration. We don't always review community RFCs in a timely manner, but whenever we start work on a related area, we check the RFCs in that area, and review the use cases and concerns that the community members have posted. When you send an RFC, your primary goal should not be necessarily to get it merged into React as is, but to generate a rich discussion with the community members. If your proposal later becomes accepted, that's great. But even if it doesn't, it won't be in vain. The resulting discussion often informs the next proposal in the same problem space, whether it comes from the community or from the React Team. Many library authors are reading the discussions, so RFCs often lead to community experimentation and userland solutions.

We apply the same level of rigour both to React Team RFCs and Community RFCs. The primary difference between them is in the design phase: React Team RFCs tend to be submitted at the end of the design process whereas the Community RFCs tend to be submitted at the beginning as a way to kickstart it.

What the process is

In short, to get a major feature added to React, one usually first gets the RFC merged into the RFC repo as a markdown file. At that point the RFC is 'active' and may be implemented with the goal of eventual inclusion into React.

Fork the RFC repo http://github.com/reactjs/rfcs
Copy 0000-template.md to text/0000-my-feature.md (where 'my-feature' is descriptive. Don't assign an RFC number yet).
Fill in the RFC. Put care into the details: RFCs that do not present convincing motivation, demonstrate understanding of the impact of the design, or are disingenuous about the drawbacks or alternatives tend to be poorly-received.
Submit a pull request. As a pull request the RFC will receive design feedback from the larger community, and the author should be prepared to revise it in response.
Build consensus and integrate feedback. RFCs that have broad support are much more likely to make progress than those that don't receive any comments.
Eventually, the team will decide whether the RFC is a candidate for inclusion in React. Note that a team review may take a long time, and we suggest that you ask members of the community to review it first.
RFCs that are candidates for inclusion in React will enter a "final comment period" lasting 3 calendar days. The beginning of this period will be signaled with a comment and tag on the RFCs pull request.
An RFC can be modified based upon feedback from the team and community. Significant modifications may trigger a new final comment period.
An RFC may be rejected by the team after public discussion has settled and comments have been made summarizing the rationale for rejection. A member of the team should then close the RFCs associated pull request.
An RFC may be accepted at the close of its final comment period. A team member will merge the RFCs associated pull request, at which point the RFC will become 'active'.

The RFC lifecycle

Once an RFC becomes active, then authors may implement it and submit the feature as a pull request to the React repo. Becoming 'active' is not a rubber stamp, and in particular still does not mean the feature will ultimately be merged; it does mean that the core team has agreed to it in principle and are amenable to merging it.

Furthermore, the fact that a given RFC has been accepted and is 'active' implies nothing about what priority is assigned to its implementation, nor whether anybody is currently working on it.

Modifications to active RFCs can be done in followup PRs. We strive to write each RFC in a manner that it will reflect the final design of the feature; but the nature of the process means that we cannot expect every merged RFC to actually reflect what the end result will be at the time of the next major release; therefore we try to keep each RFC document somewhat in sync with the language feature as planned, tracking such changes via followup pull requests to the document.

Implementing an RFC

The author of an RFC is not obligated to implement it. Of course, the RFC author (like any other developer) is welcome to post an implementation for review after the RFC has been accepted.

If you are interested in working on the implementation for an 'active' RFC, but cannot determine if someone else is already working on it, feel free to ask (e.g. by leaving a comment on the associated issue).

Reviewing RFCs

Currently, the React Team cannot commit to reviewing RFCs in a timely manner. When you submit an RFC, your primary goal should be to solicit community feedback and generate a rich discussion. The React Team re-evaluates the current list of projects and priorities every several months. Even if an RFC is well-designed, we often can't commit to integrating it right away. However, we find it very valuable to revisit the open RFCs every few months, and see if anything catches our eye. Whenever we start working on a new problem space, we also make sure to check for prior work and discussion in any related RFCs, and engage with them.

We read all RFCs within a few weeks of submission. If we think the design fits React well, and if we're ready to evaluate it, we will try to review it sooner. If we're hesitant about the design or if we don't have enough information to evaluate it, we will leave it open until it receives enough community feedback. We recognize it is frustrating to not receive a timely review, but you can be sure that none of the work you put into an RFC is in vain.

Inspiration

React's RFC process owes its inspiration to the Yarn RFC process, Rust RFC process, and Ember RFC process.

We've changed it in the past in response to feedback, and we're open to changing it again if needed.

Top Related Projects

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot