Setting React up in freecodecamp

How the react is setup in freecodecamp react challenges?
Is there any tutorials for setting react up in IDEs in freecodecamp?

Just wanted to try on my own :smile: .

Thanks.

Hi @AndrewAung11 !

If you want to create your want to create your own react applications I suggest you start with the documentation

You can first try create a react app

Hi @AndrewAung11 !

If you want to create your want to create your own react applications I suggest you start with the documentation

You can first try create a react app

Hi @jwilkins.oboe !

Thanks for those helpful links but how can I write JSX syntax?

This is an example of JSX

const element = <h1>Hello, world!</h1>;

It looks like html but it is an extension of javascript.

The first couple of lesson in the FCC react section go over JSX.
I would suggest starting there.

If you still need extra practice then you can consult with the documentation.

This is an example from the docs

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;

ReactDOM.render(
  element,
  document.getElementById('root')
);

I think going through the FCC lessons and reviewing the documentation examples will answer a lot of your questions.

Hope that helps!

For the FCC challenges, you don’t need to set anything up.

You only need to consider setup if you are doing the projects or examples on your own away from the FCC editor.

@jwilkins.oboe I want to know how the freecodecamp make the editor for us to write JSX? Like in codepen I need to go to settings and change to Babel and import some react links to write JSX.

Hello there,

I would like to get some clarification: Are you specifically interested in the way freeCodeCamp accomplishes this? Or, are you interested in learning how you can do it for local development?

If the former, here is the source code for freeCodeCamp: GitHub - freeCodeCamp/freeCodeCamp: freeCodeCamp.org's open source codebase and curriculum. Learn to code for free.


If you are just getting start out with React, your best entry into local development is CRA (create-react-app), which uses the react-script library to handle all of this for you

If you are looking for something else, be sure to ask specific questions.

I hope this helps

1 Like

@jwilkins.oboe I was misunderstood what you have mentioned, sorry!

@Sky020 Thanks for explaining!