All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.
A number of methods in React are assumed to be "pure".
On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.
| // somewhere on top | |
| import _ from 'lodash'; | |
| jest.unmock('lodash'); | |
| // then | |
| _.debounce = jest.fn((fn) => fn); |
Привет, дорогой друг!
Если ты здесь, то видимо ты обучаешься на курсе Data Mining in Action. Должно быть ты уже заметили, что материалы курса выкладываются в этом репозитории. Сейчас я расскажу тебе один из способов, как всегда иметь под рукой его свежую версию.
Если какие-то шаги уже выполнены, просто пропусти их.
Чтобы получить себе копию репозитория курса, нужно сделать fork исходного репозитория
Теперь клонируем репозиторий к себе на компьютер, выполнив в консоли команду:
| Copyright 2020 Jason Strothmann | |
| Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: | |
| The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. | |
| THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR |
| # See http://help.github.com/ignore-files/ for more about ignoring files. | |
| # compiled output | |
| /dist | |
| /tmp | |
| /out-tsc | |
| # Runtime data | |
| pids | |
| *.pid |
| //----------------------------------*\ | |
| // TRIGONOMETRY FUNCTIONS | |
| //----------------------------------*/ | |
| // # Trigonometry in CSS | |
| // | |
| // - Through Taylor/Maclaurin polynomial representation: http://people.math.sc.edu/girardi/m142/handouts/10sTaylorPolySeries.pdf | |
| // - Useful if you don't want to use JS. | |
| // - With CSS Variables. | |
| // - `calc()` can't do power (x ^ y) so I used multiplication instead. |
| /** | |
| * Validates hex value | |
| * @param {String} color hex color value | |
| * @return {Boolean} | |
| */ | |
| function isValidHex(color) { | |
| if(!color || typeof color !== 'string') return false; | |
| // Validate hex values | |
| if(color.substring(0, 1) === '#') color = color.substring(1); |
| // Mixin like functionality | |
| const textInput = props => ` | |
| color: ${props.error ? color.white : color.base}; | |
| background-color: ${props.error ? color.alert : color.white}; | |
| `; | |
| export const Input = styled.input` | |
| ${textInput} | |
| `; |
