What’s the different between reactjs.org doc and beta.reactjs.org doc
HI @mdishaqibrohim !
There are a few differences between the beta docs and the current docs. Here are my opinions on the new docs.
The current docs heavily relied on classes which is no longer used in modern React development. The new beta docs focuses on cleaner examples all using hooks.
The beta docs have better diagrams to help describe react concepts.
The current docs relied on codepen and code snippets for their examples. But the beta docs have interactive examples built into the page with the rendered output right next to it.
If you are interested in learning more about the new docs, then I would suggest reading through this github discussion from the maintainers
opened 01:40PM - 05 Oct 20 UTC
discussion
react core team
_Updated September 29, 2022! We're close to completing the remaining pages, and … there is now a link to the Beta site from the main site._
---
_Updated October 22, 2021! We have released [React Docs Beta](https://beta.reactjs.org/). See more details [in the announcement](https://github.com/reactjs/reactjs.org/pull/3965) and leave feedback on this issue!_
---
_Updated June 10, 2021! Full details [in this comment](https://github.com/reactjs/reactjs.org/issues/3308#issuecomment-858561724)._
---
Over the next months, we're planning to rebuild our website with fresh content!
Since Hooks have become increasingly popular in the React community, we have heard from confused learners as well as industry trainers asking why the docs are still so class component-centric. Additionally, while more and more educational materials for React are being created every day, there are still things not being taught because we have failed to explain them well.
We want to make [reactjs.org](http://reactjs.org/) the best place to grok React. We want to be there with you from the moment you make your first component, to well into your career as your React knowledge deepens and advances.
## The plan
The new docs will teach React Hooks-first, with a focus on “how to think in React” and deeply grok React over building an app in React. (There are many amazing frameworks with full stacks, tutorials, and learning paths we will point people to for a holistic kickstart.) We’ll have a section on React’s core concepts as well as an expanded and concise API reference.
### Anyone can learn React
We want React to be accessible to learners of all backgrounds, so we’re going to expand our coverage to include:
* explanations of some of the more complex programming concepts for folks just diving into computer science (welcome welcome!)
* visual explanations and diagrams for people with visual learning styles
* interactive code examples for people who learn by doing
* early and integrated use of React DevTools and lint rules, to prepare the learner for real world debugging
Because so much of this is going to be new content with a different structure, most of the existing documentation will be archived rather than edited. (Don’t worry: you’ll still be able to access our “class”-ic docs for legacy and migration work and we’ll set up redirects where appropriate!)
To ensure consistent voice and narrative, Dan and Rachel will start by writing the core of the new content, but later on we will be accepting community contributions as usual when everything is in place.
We’re also surveying the community to learn how you use [reactjs.org](http://reactjs.org/) so we can see what’s working and what isn’t. If you have five minutes to spare, we’d love if you could [take our 2020 community survey!](https://www.surveymonkey.co.uk/r/MVYMZHX)
### Translations
With the help of our wonderful translators, more people than ever before have access to React. We want to thank our translation community so much for their hard work and commitment to React's v1 docs. Their efforts have allowed people all over the world to learn, teach, and build with React, and we will need their help more than ever when v2 launches. We’ll reach out to start coordinating as soon as we have content ready to translate.
## What to expect
We’re aiming to launch the new docs in early 2021. We've got the initial structure in place and are working on a new site we're wrangling design resources for. We've sharing early stage outlines with individual teachers and learners to gather feedback, and as we have more and more content prepared, we will start publishing previews to gather even more feedback. This is an iterative process, and we want to get this right! In the meantime, if you’re looking for the React docs with Hooks, check out [this community-maintained version of the docs where all examples use Hooks](https://reactwithhooks.netlify.app/).
## Help us help you! [Take the survey!](https://www.surveymonkey.co.uk/r/MVYMZHX)
Want to help? We’re running a survey to help better understand and measure the React community, your needs, and where we can do better. If you have a moment, you’ll be helping us a lot! Please [take our survey](https://www.surveymonkey.co.uk/r/MVYMZHX)—and share it with your team, classmates, other people who use and learn React.
