https://github.com/vmarcosp/rescript-na-pratica
Código da live "ReScript na Prática" :zap:
https://github.com/vmarcosp/rescript-na-pratica
Last synced: 3 months ago
JSON representation
Código da live "ReScript na Prática" :zap:
- Host: GitHub
- URL: https://github.com/vmarcosp/rescript-na-pratica
- Owner: vmarcosp
- License: mit
- Created: 2022-12-03T16:30:06.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-16T12:47:51.000Z (about 3 years ago)
- Last Synced: 2025-03-13T03:26:17.585Z (10 months ago)
- Language: ReScript
- Size: 20.5 KB
- Stars: 4
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ReScript na Prática
> Links e mais detalhes >> http://tiny.cc/6xu1vz
# Sumário
1. O que é ReScript?
2. Por que ReScript?
3. Primeiros passos com a linguagem
4. Criando um projeto ReScript + Vite
5. ReScript + React = ❤️
6. Interoperando com bibliotecas existentes
# 1. O que é ReScript?
- Uma linguagem criada dentro do facebook
- Criada pelo mesmo criador do React
- Suporte first-class para React e JSX
- Focada no ecossistema JavaScript e com uma ótima interoperabilidade
- Funcional, porém, pragmática
- Sistema de tipos simples, mas **MUITO** poderoso
# 2. Por que ReScript?
- Funcional
- Imutável por padrão
- Minimalista
- Sintaxe familiar para quem já conhece JavaScript
- Focado no ecossistema JavaScript
> "The familiar JS ecosystem at your fingertips"
- Fácil adocão - ReScript pode co-existir em projetos JavaScript e TypeScript
- Sistema de tipos poderoso - O mesmo de linguagens como Haskell e OCaml
- Compilador extremamente rápido - e com ótimas mensagens de erro
# 3. Primeiros passos com a linguagem
- Declarando variáveis
- Float vs Int
- Bool
- Records
- Variants
- Functions
- Labeled arguments
- Pattern Matching
- Pipe Operator
- Módulos
# 4. Criando um projeto ReScript + Vite
- Como funciona o compilador do ReScript
- Integracão vertical
> Onde roda JavaScript, roda ReScript.
- Geracão de arquivos `.bs.js`
- Utilizando com Vite
# 5. ReScript + React = ❤️
- Anatomia dos componentes
- Declarando e utilizando props
- Utilizando hooks (useState e useReducer)
# 6. Interoperando com bibliotecas existentes
- Criando bindings para o date-fns
- Criando bindings para componentes React - `@radix-ui/react-checkbox`