This is my preferred way to go about it.
| //https://philipwalton.com/articles/responsive-components-a-solution-to-the-container-queries-problem/ | |
| // Only run if ResizeObserver is supported. | |
| if ('ResizeObserver' in self) { | |
| // Create a single ResizeObserver instance to handle all | |
| // container elements. The instance is created with a callback, | |
| // which is invoked as soon as an element is observed as well | |
| // as any time that element's size changes. | |
| var ro = new ResizeObserver(function(entries) { | |
| // Default breakpoints that should apply to all observed | |
| // elements that don't define their own custom breakpoints. | 
Polyglot Unconference 2018
John, from Mobify kickoff presentation
Initial cofounder of mobify, did a lot of early development, solo. Added more developers to the team, got more experience looking at others' code. Learned a lot of things by looking at others' code. As code review policy brought in, junior developers picked stuff up faster.
| #------------------------------------------------------------------------------ | |
| # Top 20K hashes from the Troy Hunt / haveibeenpwned Pwned Passwords list v2 (2018-02-21) | |
| # with frequency count and cracked plaintext passwords | |
| # | |
| # The latest version of this file can be found here: | |
| # https://gist.github.com/roycewilliams/281ce539915a947a23db17137d91aeb7 | |
| # | |
| # NOTE: THIS FILE IS DEPRECATED. | |
| # The equivalent of this file, but based on v6 of the Pwned Passwords, is here: | |
| # https://gist.github.com/roycewilliams/226886fd01572964e1431ac8afc999ce | 
| import React from 'react'; | |
| import debounce from 'utils/debounce'; | |
| class EmailInput extends React.Component { | |
| checkEmail = value => { | |
| // only check if the field passes Yup email validation first | |
| if ( | |
| !this.props.form.errors[this.props.name].includes( | |
| 'invalid' /* or whatever your error message is*/ | |
| ) | 
| const zip = (arr, ...arrs) => { | |
| return arr.map((val, i) => arrs.reduce((a, arr) => [...a, arr[i]], [val])); | |
| } | |
| // example | |
| const a = [1, 2, 3]; | |
| const b = [4, 5, 6]; | |
| const c = [7, 8, 9]; | 
Here are the simple steps needed to create a deployment from your local GIT repository to a server based on this in-depth tutorial.
You are developing in a working-copy on your local machine, lets say on the master branch. Most of the time, people would push code to a remote server like github.com or gitlab.com and pull or export it to a production server. Or you use a service like deepl.io to act upon a Web-Hook that's triggered that service.