try { | |
const mensagem = JSON.parse(obj.mensagem) | |
console.log(mensagem) // {...} | |
} catch (e) { | |
console.log(obj.mensagem) // "Hello" | |
} |
[PRÉ-WORK] Bootcamp React.js
Referências da semana de pré-work do Bootcamp em React.js
Sobre o pré-work
A semana de pré-work acontecerá nos dias 16/08/2021 à 20/08/2021 na Twitch do Daciuk.
Nessa semana, as lives acontecerão excepcionalmente à partir das 15h. Todas as informações sobre o Bootcamp você encontra em: https://b-academy.brainn.co/
Live UI, Design e Figma para devs
Dicas
- Saber o que fazer
- Buscar referências
- Prototipar
- Criar branding / paleta de cores
- criar a interface
Configuration to use TailwindCSS colors in a Styled Components theme with CRA + TypeScript.
Tailwind colors list: https://tailwindcss.com/docs/customizing-colors#generating-colors
Create files src/@types/styled.d.ts
and src/resources/theme.ts
with content below. Then add the theme on your project:
import { ThemeProvider } from 'styled-components'
import { theme } from 'resources/theme'
Links
Repositório do projeto: https://github.com/fdaciuk/conduit-api
Especificação da API: https://gothinkster.github.io/realworld/docs/specs/backend-specs/introduction
Talks
Configuração do ReScript
bsconfig.json:
{
"name": "my-rescript-app",
"reason": { "react-jsx": 3 },
"sources": [
{
Masks in Vanilla JS
YouTube video: https://www.youtube.com/watch?v=r-8isv_TnVA
Stackblitz: https://stackblitz.com/edit/js-mbehz9?file=index.js