Breaking

Monday, April 22, 2019

Week_1_Day_2: Components?


Day 2: Components?

Creating my first component. This included:
  • Creating a new 'StorePicker.js' file in the components directory.
  • Importing the required dependencies
  • Creating a class & returning JSX via render().
  • Importing the new component that I just created into the 'index.js' file.
My files now look like this:
index.js:

import React from 'react';  
import { render } from 'react-dom';

import StorePicker from './components/StorePicker';

render(<StorePicker/>, document.querySelector('#main'));

components/StorePicker.js

import React from 'react';

class StorePicker extends React.Component{  
  render() {
  return <p>Hello</p>
  }
}

export default StorePicker;  
This basic implementation seems pretty straight forward. I like the use of the es6 class and the basic requirements to always return at least one method (render() in this example).
[Video 3: Creating our First Components]

No comments:

Post a Comment