| description | Component (React) |
|---|---|
| keywords | react, react.js, js |
| title | Component (React) |
| toc_max | 4 |
Component is a small piece of UI . component+component+.....+ n = Full UI page
Two types of component . one is es6 type another is react functional type
- type-1 ES6
// components/MyComponent.js
import React, { Component } from 'react'
class MyComponent extends Component {
render() {
return (
<h1> This is MyComponent </h1>
);
}
}
export default MyComponent- type 2 - ES6
// components/MyComponent.js
import React, { Component } from 'react'
export default class MyComponent extends Component {
render() {
return (
<h1> This is MyComponent </h1>
);
}
}Component connected parents components with import
import React, { Component } from 'react'
import MyComponent from './components/MyComponent'
class App extends Component {
render() {
return (
<h2> Welcome to code4mk.org </h2>
<MyComponent/>
);
}
}
export default App-
import './assets/css/color.scsscustom -
import 'bulma/bulma.sass'framework (node)