The Ultimate CSS Bootcamp

The Ultimate CSS Bootcamp

    /* 
    
    AirBnB React Style Guide
    https://github.com/airbnb/javascript/tree/master/react
    
    
    Basic Rules
    
    - Only include one React component per file.
    - However, multiple Stateless, or Pure, Components are allowed per f
    - Always use JSX syntax.
    - Do not use React.createElement unless you're initializing the app 
    - Don't use mixins
    
    
    /*
    
    Props Naming: Avoid using DOM component prop names for different purposes.
    
    Why? People expect props like style and className to mean one specif
    Varying this API for a subset of your app makes the code less readab
    
    */
    
    // bad
    <MyComponent style="fancy" />
    
    // good
    // And if you don't have state or refs, prefer normal functions (not
    
    // bad
    class Listing extends React.Component {
      render() {
        return <div>{this.props.hello}</div>;
      }
    }
    
    // bad (relying on function name inference is discouraged)
    const Listing = ({ hello }) => (
      <div>{hello}</div>
    );
    
    // Always include a single space in your self-closing tag. eslint: n
    
    // bad
    <Foo/>
    
    // very bad
    <Foo                 />
    
    // bad
    <Foo
     />
    
    // good
    <Foo />
    // Always self-close tags that have no children. eslint: react/self-
    
    // bad
    <Foo className="stuff"></Foo>
    
    // good
    <Foo className="stuff" />
    
    //If your component has multi-line properties, close its tag on a ne
    
    // bad
    <Foo
      bar="bar"
      baz="baz" />

JavaScript is one of the most popular programming languages in the world. It’s used almost everywhere: from large-scale web applications to complex servers to mobile and even in IoT devices.

Why learn React?

This course will teach you the most modern features of JavaScript, also known as ES6+. ES6 is short for ECMAScript 6, and the plus sign (+) signals that we're also including features from even newer versions of ECMAScript.

About React

So this course is perfect for developers who want to ensure that their skills are relevant in a broad range of areas. Plus, it only takes an hour to complete!