Acabamos de abrir a pesquisa por temas que vocês querem ver na #ReactConfBR2023 github.com/react-brasil/reac…
React Brasil retweeted
For those who like higher-level APIs, building this Dialog and Menu APIs with @ariakitjs is super easy.
Implementation in the thread.
![The following code: export default function Example() { const [open, setOpen] = useState(false); return ( <> <Button onClick={() => setOpen(true)}>Open dialog</Button> <Dialog open={open} onClose={() => setOpen(false)}> <DialogHeading>Dialog</DialogHeading> <Menu> <MenuButton>Menu</MenuButton> <MenuPopover> <MenuItem>Item</MenuItem> <MenuItem>Item</MenuItem> <MenuItem>Item</MenuItem> <MenuItem>Item</MenuItem> </MenuPopover> </Menu> </Dialog> </> ); }](https://pbs.twimg.com/media/Fu9fzB3WYAIGB1d.jpg?name=small&format=webp)
ALT The following code: export default function Example() { const [open, setOpen] = useState(false); return ( <> <Button onClick={() => setOpen(true)}>Open dialog</Button> <Dialog open={open} onClose={() => setOpen(false)}> <DialogHeading>Dialog</DialogHeading> <Menu> <MenuButton>Menu</MenuButton> <MenuPopover> <MenuItem>Item</MenuItem> <MenuItem>Item</MenuItem> <MenuItem>Item</MenuItem> <MenuItem>Item</MenuItem> </MenuPopover> </Menu> </Dialog> </> ); }
Acabou de sair o documentário "React.js: The Documentary" ✨ youtu.be/8pDqJVdNa44
React Brasil retweeted
Pro tip 🔥
Instead of using hard-coded dates on the footer, you can use JavaScript to automatically update the copyright year.
Bonus points if you can do this at build time.
Métodos para arrays em javascript — parte 03 ift.tt/pCyW3xu
Talk by Zeno Rocha, Lançamento oficial do React.email
Venham conferir!
React Brasil retweeted
As talks da @ReactConfBR estão num nível altíssimo esse ano #reactconfbr22










