Dockerizing Eslint, Jest, Prettier and RTL on Educative/

...

Eslint, Jest and Prettier in Action on Educative

We'll cover the following...

- Prettier
- Eslint
- Jest

Press + to interact

C++

function HelloWorld({greeting = "hello", greeted = '"World"', silent = false, onMouseOver,}) {
    if(!greeting){return null}
  
       // TODO: Don't use random in render
    let num = Math.floor (Math.random() * 1E+7).toString().replace(/\.\d+/ig, "")
  
    return <div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}>
  
      <strong>{ greeting.slice( 0, 1 ).toUpperCase() + greeting.slice(1).toLowerCase() }</strong>
      {greeting.endsWith(",") ? " " : <span style={{color: '\grey'}}>", "</span> }
      <em>
      { greeted }
      </em>
      { (silent)
        ? "."
        : "!"}
  
      </div>}

Press + to interact

C++

Files

{
    "name": "test",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
        "react": "latest",
        "eslint": "^6.1.0",
        "eslint-config-airbnb": "^18.0.1",
        "eslint-plugin-jasmine": "^2.10.1",
        "prettier": "^1.18.2","eslint-plugin-import": "^2.18.2",
        "eslint-plugin-jsx-a11y": "^6.2.3",
        "eslint-plugin-react": "^7.14.3",
        "eslint-plugin-react-hooks": "^1.7.0"
    },
    "devDependencies": {
        "eslint-plugin-import": "^2.18.2",
        "eslint-plugin-jsx-a11y": "^6.2.3",
        "eslint-plugin-react": "^7.14.3"
    }
}