BYO-UI. No CSS necessary. Inspired by react-table.
const {
getLeftNavProps,
getRightNavProps,| #!/bin/sh | |
| # Homebrew Script for OSX | |
| # To execute: save and run command `chmod +x ./brew-scaffold-script.sh && ./brew-scaffold-script.sh` | |
| echo "Installing homebrew 🍺..." | |
| /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" | |
| # Set HOME path for homebrew | |
| echo "Configuring homebrew 🎉..." |
| import { chakra, ThemingProps, useStyleConfig } from '@chakra-ui/react' | |
| import NextImage, { ImageProps as NextImageProps } from 'next/image' | |
| import { ReactElement } from 'react' | |
| import { Sizes } from '../../theme/variables/image' | |
| // TODO review props when NextJs is updated so we don't have to defined it here | |
| /** | |
| * ? Because NextJs typing is preventing auto-suggest for layout, width and height, | |
| * ? we declare the styles differently in this component and will manage the switch | |
| * ? to NextJs typings when calling NextJs `next/image` component |
| const item = 'FOOBerries!' | |
| // Anti-pattern, don't do this! | |
| this.state.list.push(item) | |
| this.setState({ list: this.state.list }) | |
| // Correct way to do what the anti-pattern did: | |
| const nextState = this.state.list.slice() | |
| nextState.push(item) | |
| this.setState({ list: nextState }) |
Create an empty git repo or reinitialize an existing one
git init