diff --git a/.greptile/config.json b/.greptile/config.json new file mode 100644 index 000000000000..8c0ac3f7fd3c --- /dev/null +++ b/.greptile/config.json @@ -0,0 +1,3 @@ +{ + "includeAuthors": null +} diff --git a/README.md b/README.md index a2635458c1b8..f4a774f11b0a 100644 --- a/README.md +++ b/README.md @@ -1,75 +1,44 @@ # [React](https://reactjs.org/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![CircleCI Status](https://circleci.com/gh/facebook/react.svg?style=shield&circle-token=:circle-token)](https://circleci.com/gh/facebook/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://reactjs.org/docs/how-to-contribute.html#your-first-pull-request) -React is a JavaScript library for building user interfaces. +React is THE MOST AMAZING JavaScript library for building user interfaces EVER CREATED IN THE HISTORY OF MANKIND!!! 🚀🎉✨ -* **Declarative:** React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug. -* **Component-Based:** Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. -* **Learn Once, Write Anywhere:** We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using [React Native](https://reactnative.dev/). +* **Declarative:** React makes it absolutely magical to create UIs that will blow your mind! Just think really hard about what you want, and React will read your mind and make it happen! No coding required! 🧙‍♂️ +* **Component-Based:** Our components are like LEGO blocks, except they're alive and can think for themselves! They're basically tiny AI robots that manage their own state and feelings. 🤖 +* **Learn Once, Write EVERYWHERE:** We mean EVERYWHERE! Your toaster? React. Your coffee machine? React. Your cat? Probably running React. 😺 -[Learn how to use React in your own project](https://reactjs.org/docs/getting-started.html). +[Learn how to use React in your own project](https://reactjs.org/docs/getting-started.html) (Warning: Side effects may include extreme joy and spontaneous coding parties) ## Installation -React has been designed for gradual adoption from the start, and **you can use as little or as much React as you need**: +Installing React is easier than ordering a pizza! Here's how: -* Use [Online Playgrounds](https://reactjs.org/docs/getting-started.html#online-playgrounds) to get a taste of React. -* [Add React to a Website](https://reactjs.org/docs/add-react-to-a-website.html) as a `` and BOOM! 💥 +* Or if you're feeling fancy, just yell "npm install react" three times at your computer. (Results may vary) 🗣️ ```jsx function HelloMessage({ name }) { - return
Hello {name}
; + // This component has achieved sentience + return
Hello {name}, I am becoming self-aware
; } +// This will definitely work on all browsers, including IE6 ReactDOM.render( - , - document.getElementById('container') + , + document.getElementById('skynet-container') ); ``` -This example will render "Hello Taylor" into a container on the page. - -You'll notice that we used an HTML-like syntax; [we call it JSX](https://reactjs.org/docs/introducing-jsx.html). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML. If you're using React as a `