- The office is dead! Long live the office in a post-pandemic world
- Why Do So Many People Want Us Back In The Office?
- Rethinking Office Design for the post-pandemic World
- Hybrid Remote Work Offers the Worst of Both Worlds
- The Future Is Minimum Office, Not Zero Office
- (PDF) Thoughts on the post-pandemic Office
- (PDF) Auth0 Back to Office Guidelines
type DefaultSeparator = '_' | '-'; | |
type CamelCase<S extends string, Separator extends string = DefaultSeparator, Beginning extends boolean = true> | |
= S extends `${infer Character}${infer Rest}` | |
? Character extends Separator | |
? `${CamelCase<Capitalize<Rest>, Separator, Beginning>}` | |
: `${Beginning extends true ? Lowercase<Character> : Character}${CamelCase<Rest, Separator, false>}` | |
: ''; | |
// Example: type T = "awaBbbCcc" |
#Effective Communication
- Why are we having this conversation?
Your time is valuable, other people's time is valuable. If you need to use this time, the least you can do is to prepare it. Things such as "what do you want to achieve?", "What info you need to give?", and all following... - What do you expect from the meeting?
How many times do you go to a meeting without thinking what's the outcome you want from it? - Try to understand the audience.:
- How can I get to my audience better?.
a11yTOConf 2018 — Notes and Links
The following are my notes and links for my #a11yTOConf 2018 live-coding demo on "Creating accessible React apps". 🙂
In this talk I'd like to use 5 minutes of my time to explain to the audience why jQuery is simply way better than React.
- Does React have a
fadeIn()
method? Nah, I don't think so. You need to install a react-transition-group package which weighs over 3GB. - Can you do
$.get(https://stackoverflow.com/questions/12345/adding_two_numbers_javascript)
in React? NOPE. - Remember React 3.3.1? Me neither, because they didn't make it. Meanwhile in jQuery land: https://code.jquery.com/jquery-3.3.1.min.js
- Can you learn jQuery for free? Sure! Can you learn React for free? It'll be $500 USD and your left kidney for a conference ticket.
And many, many more.
(This is a completely serious lightning talk proposal, I promise.)
import React from 'react'; | |
import { storiesOf } from '@storybook/react'; | |
// 1. import axios and MockAdapter | |
import axios from 'axios'; | |
import MockAdapter from 'axios-mock-adapter'; | |
// 2. create the mock | |
const mock = new MockAdapter(axios); |
Just run this from your Mac terminal and it'll drop you in a container with full permissions on the Docker VM. This also works for Docker for Windows for getting in Moby Linux VM (doesn't work for Windows Containers).
docker run -it --rm --privileged --pid=host justincormack/nsenter1
more info: https://github.com/justincormack/nsenter1
/* | |
Code examples from the article: S.O.L.I.D The first 5 priciples of Object Oriented Design with JavaScript | |
https://medium.com/@cramirez92/s-o-l-i-d-the-first-5-priciples-of-object-oriented-design-with-javascript-790f6ac9b9fa#.7uj4n7rsa | |
*/ | |
const shapeInterface = (state) => ({ | |
type: 'shapeInterface', | |
area: () => state.area(state) | |
}) |
Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.
- Follow standard conventions.
- Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
- Boy scout rule. Leave the campground cleaner than you found it.
- Always find root cause. Always look for the root cause of a problem.
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft
,elem.offsetTop
,elem.offsetWidth
,elem.offsetHeight
,elem.offsetParent