(Google, Amazon, Airbnb, Dropbox, Uber, Square, Twitter, Github, LinkedIn, Slack, Lyft, Apple, Facebook) Image Src

Introduction


Introduction — why I started weight training


Getting started

Tech Stack

What are we going to build?


— what, how, why, and when we should use it?

1) What is a render prop?

<Route path='/page' component={Page} />const extraProps = { color: 'red' }<Route path='/page' render={(props) => (
<Page {...props} data={extraProps}/>
)}/>


Before moving to the US

Timeline before moving to the US

1. Getting your TN Visa ( 3–4 weeks )


In the beginning of your career when learning React and ES6 JavaScript syntax, it can be confusing when to use curly braces { } and when to use parenthesis ( ).

How braces { } are used

const yellowStyle={color: 'yellow'} <Star style={yellowStyle} />
<Star style={{color: 'yellow'}} />
class PopUp extends React.Component {  // es7 way of setting default state
state = {
visible: true;
}
render() {
return <Modal onClose={this._handleClose}/>;
}
_handleClose = () => {
this.setState({ visible: false });
}



chai

Mocha / Jasmine

describe/it/beforeEach


What are they?

Why do we use it?

Definition

Example


position: static

position: relative

position: absolute

Take an example

Leanne Zhang

Software Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store