React.js- Prerequisite before learning react.js — L2

React

Just a little bit of HTML , CSS are prerequisite for learning React . And I know , you have already some knowledge of HTML.

CSS , We are not going to play with color-pallete and alignment . I will discuss about how we can add CSS and define styles for components in the react.js Structure .

Please go through to this for HTML →

HTML basics - Learn web development | MDN

For the CSS →

CSS basics - Learn web development | MDN

When I was learning the react.js , I started with javascript. And the main question , Is it required to know javascript for the react.js? I personally recommand you ,if you want to be

1: Frontend — Developer → Learn Javascript

2: Full-stack Developer ( MEAN , MERN) → Learn Javascript basics

Pull-stack Developer → You can search in github .Kiddin ..😂

And we are learning React.js to be Frontend Developer . So we have to learn javascript .

JavaScript | MDN

For the full- stack developer →

JavaScript basics - Learn web development | MDN

JSX

Just look at this , this look like mixture of javscript and HTML.

JSX looks like HTML ,after compilation it is converted as Javascript through Babel . Look the compiled version of above mentioned code.

const App = () => {
  const now = new Date()
  const a = 10
  const b = 20
  return React.createElement(
    'div',
    null,
    React.createElement(
      'p', null, 'Hello world, it is ', now.toString()
    ),
    React.createElement(
      'p', null, a, ' plus ', b, ' is ', a + b
    )
  )
}

JSX may remind you of a template language, but it comes with the full power of JavaScript. We will learn more about this in next readings , how the javascript is working with HTML .

There is one website which converts HTML to JSX . You can use it after learning the React .js Series.

HTML to JSX

If you like the content , please follow me at medium .