React

I am learning React - Part 4

I am learning React – Part 4

Exploring JSX: Today we’ll have a closer look at JSX and also see how we can perform different tasks in JSX. React use something called JSX(that is JavaScript as XML) to define what the UI will look like. What is Transpilation? Our browser can’t understand JSX in its native representation, so an intermediate step is performed to convert JSX into… Read more →

I am learning React - Part 3

I am learning React – Part 3

Complex Components: Today we are going to continue with React components and we’ll learn how components can be combined to create more complex components. Let’s see an example below where we are calling a component ‘BannerComponent’ from ReactDOM.render method while this component is further calling two other components called ‘BannerHeading’ and ‘BannerContent’.

I am learning React – Part 2

I am learning React – Part 2

React Components: Today we are going to explore React Components that is one of the most important concepts in React.  React Components are reusable chunks of JavaScript that output (via JSX) HTML elements. There are many ways of creating components in React but we are going to create our first component using ES6 class syntax. See our first program below: Just like… Read more →

I am learning React - Part 1

I am learning React – Part 1

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces that was created at Facebook. It is an open source project that is maintained by developers at Facebook and a large community of contributors. React is mainly used to design single-page applications. To learn React you should be familiar with HTML and CSS. As it is a JavaScript library so you should… Read more →