export const meta = {
  title: `React Ultimate Guide`,
  contributors: [{name: 'Joel Hooks'}, {name: 'Will Johnson'}],
}

import ProseSection from '@/components/mdx/prose-section'
import Course from '@/components/mdx/course'
import UltimateGuide from '@/layouts/ultimate-guide'
export default ({children}) => (
  <UltimateGuide meta={meta}>{children}</UltimateGuide>
)

## Get Started with React!

If you want to learn React you are going to need to learn to **think** in React. Your JavaScript skills will get you started, but React will use everything you know about JavaScript (or TypeScript!) and take it to the next level.

- [React for Beginners](/learn/react/beginners)
- [React State Management](/learn/react/state-management)

### React is just JavaScript

One of the nice aspects of React is that it is just JavaScript. When you are creating react applications, you are able to use all of your core knowledge avout JavaScript and apply it to the creation of components in React.

Of course, if your JavaScript fundamentals aren't quite there yet, this can be an entirely different challenge!

We highly recommend [Kent C. Dodds's article on JavaScript for React](https://kentcdodds.com/blog/javascript-to-know-for-react) to get an idea of the **essential JavaScript** you'll need to be successful on your React journey.

### WTF is JSX?

Beyond JavaScript React offers a markup language that is strikingly similar to HTML called JSX.

JSX is often met with sad confusion from JavaScript developers that have been encountered some sort "HTML in JS" in the past. It's important to note that JSX is NOT HTML in your JS. JSX is an HTML-like abstraction that makes it simpler to create declarative component trees 😅

[Chris Biscardi's WTF is JSX](/collections/wtf-is-jsx-5dfe)

The short story with JSX is that you absolutely need to simply embrace it for what it is and get comfortable using it if you want to be successful with React. There are ways you can avoid it, but in our experience that will do very little for you when you are trying to learn React. Save it for later and just open your heart and mind to JSX!

### What's next?

If you feel comfortable with your JavaScript skills and have agreed to just accept JSX into your life, we've got an excellent Community Resource for you to explore to get started:

<Course slug="the-beginner-s-guide-to-react" />

If you enjoy listening to get familiar with the terms of React [Syntax.fm has a podcast episode](https://syntax.fm/show/066/the-react-episode) that dives into React and explains the core features.

## Further Reading:

- [Is React a Toolkit or Framework?](/learn/react/toolkit-or-framework)
