const topic = "html"
const courses = {
html: [...ArrayOfHTMLCourses],
css: [...ArrayOfCSSCourses],
javascript: [...ArrayOfJavascriptCourses]
}[topic]
// courses === [...ArrayOfHTMLCourses]
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors
- https://codeburst.io/javascript-quickie-dot-notation-vs-bracket-notation-333641c0f781
const handleInputChange = field => event => {
this.setState({ [field]: event.target.value })
}
- https://medium.com/javascript-scene/curry-and-function-composition-2c208d774983
- https://blog.benestudio.co/currying-in-javascript-es6-540d2ad09400
const foo = "truthyString"
const isActive = true
<div className={classNames('regular-class1', 'regular-class2', 'regular-class3')} />
<div className={classNames(foo ? "truthy-ternary-class" : "falsey-ternary-class" />
<div className={classNames({ applyThisClassIfValueIsTrue: isActive })} >
// src/components/index.js
export { default as Form } from './Form'
export { default as Navbar } from './NavBar'
export { default as Button } from './Button'
// src/App.js
import { Form, NavBar, Button } from './components'
// then()
fetchData = () => {
axios.get('INSERT_URL_HERE')
.then(response => this.setState({ data: response.data }))
}
// async await
fetchData = async () => {
const response = await axios.get('INSERT_URL_HERE)
this.setState({ data: response.data })
}
- https://javascript.info/async-await
- https://levelup.gitconnected.com/async-await-vs-promises-4fe98d11038f
const someFunctionWithNoParameter = _ => {
console.log('hello world')
}
https://jaketrent.com/post/javascript-arrow-function-no-params/