This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import * as React from 'react'; | |
import MyContextProvider from 'context/MyContext'; | |
import MyApplication from 'domain/Application'; | |
export const App: React.FunctionComponent = () => <MyContextProvider><MyApplication/></MyContextProvider>; | |
export default App; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
git branch --merged | egrep -v "(^\*|master|main|staging|develop)" | xargs git branch -d |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
useful references | |
regex pattern | |
https://github.com/mongodb/js-bson/blob/v4.2.0/src/objectid.ts#L9 | |
validation function | |
https://github.com/mongodb/js-bson/blob/v4.2.0/src/objectid.ts#L301 | |
/^([a-zA-Z0-9]{24}|[a-zA-Z0-9]{12})$/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function hexToHSL(hex) { | |
const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); | |
let r = parseInt(result[1], 16); | |
let g = parseInt(result[2], 16); | |
let b = parseInt(result[3], 16); | |
(r /= 255), (g /= 255), (b /= 255); | |
let max = Math.max(r, g, b), min = Math.min(r, g, b); | |
let h, s, l = (max + min) / 2; |
Show/hide hidden folders/files
Shift + Command + .
agile
user story
Why is the “As a… I want… So I…” format so effective?
It succinctly captures the who, what, and why of the organization’s need.
-
-
How to build a React library using TypeScript - 2020/10/18
-
Creating a React component library using Storybook 6 - 2020/12/20
-
-
Building a React Components Library by Tomasz Fiechowski | Better Programming | Medium