Research based on this article: https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/
Estructure: 'YYYY-MM-DDTHH:mm:ss:sssZ'
format: ISO 8601 Extended Format
| pex.add({ | |
| name: 'Accordion', | |
| init: (_elements, options) => { | |
| const elements = Array.from(_elements); | |
| // tools | |
| const isTitle = target => target.classList.contains('accordion__title'); | |
| const isOpen = target => target.classList.contains('accordion--open'); |
| # Front-end | |
| npm i -D jest husky lint-staged standard rollup babel-jest @babel/core @babel/preset-env @commitlint/config-conventional @commitlint/cli | |
| # babel.config.js | |
| ``` | |
| module.exports = { | |
| presets: [ | |
| [ | |
| '@babel/preset-env' | |
| ], |
| const firstLetterUpperCase = str => | |
| str.replace(/(^\w)/, m => m.toUpperCase()); | |
| const firstLetterLowerCase = str => | |
| str.replace(/(^\w)/, m => m.toLowerCase()); | |
| const toString = value => | |
| Object.prototype.toString.call(value); | |
| const isType = (type, value) => |
| const { fromEvent } = Rx; | |
| const { map, pluck } = RxOperators; | |
| const input = document.createElement('input'); | |
| const container = document.querySelector('.container'); | |
| container.appendChild(input) | |
| const observable = fromEvent(input, 'input') | |
| .pipe( | |
| //map(event => event.target.value), |
| { | |
| "talks": [ | |
| { | |
| "title": "Unit Testing Front-end Code", | |
| "url": "https://www.youtube.com/watch?v=VSXGu73MiPg", | |
| "author": "Michael Jasper" | |
| }, | |
| { | |
| "title": "Testing Front-end Code the Right Way", | |
| "url": "https://www.youtube.com/watch?v=zF1hlOxucHE", |
Research based on this article: https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/
Estructure: 'YYYY-MM-DDTHH:mm:ss:sssZ'
format: ISO 8601 Extended Format
| /* | |
| https://developer.mozilla.org/en-US/docs/Web/API/CSSRuleList | |
| https://developer.mozilla.org/en-US/docs/Web/API/CSSRule | |
| https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet | |
| https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle | |
| */ | |
| ```javascript | |
| style` | |
| display: flex; |
We need to use a react-redux package to accomplish this connection between Redux and React.
The ReactRedux provides a small API with two key features: Provider and connect.
The Provider is a wrapper component from ReactRedux that wraps your React app. This wrapper then
allows you to access the Redux store and dispatch function throughout your component tree.
Provider takes two props, the Redux store and the child components of your app.
| #1 Motivação: https://www.python.pro.br/aperitivo/video/motivacao | |
| #2 Instalando o Python: | |
| * Mac (OSX): https://www.python.pro.br/aperitivo/video/instalacao-mac | |
| * Windows: https://www.python.pro.br/aperitivo/video/instalacao-windows | |
| * Linux (Ubuntu): https://www.python.pro.br/aperitivo/video/instalacao-ubuntu | |
| #3 IDE Pycharm: https://www.python.pro.br/aperitivo/video/pycharm | |
| #4 Tipo inteiro: https://www.python.pro.br/aperitivo/video/inteiro |