vmarcosp

ReScript & ReScript Brasil

• Github
• Discord
• Twitter
• Quer aprender ReScript? Comece aqui

vmarcosp

module Elements = {
  type motionElement

  type t = [#div | #section]

  @module("React")
  external createElement: (motionElement, 'props, React.element) => React.element = "createElement"

  @module("framer-motion") @scope("motion")
  external div: motionElement = "div"

vmarcosp

{
  "name": "rescript-vanilla",
  "sources": [
    {
      "dir": "src",
      "subdirs": true
    }
  ],
  "package-specs": [
    {

vmarcosp

vmarcosp

[
   {
      "id":1,
      "name":"Compras da semana",
      "completed":false,
      "createdAt":"2021-10-23T16:52:45.875Z"
   },
  {
      "id":2,
      "name":"Compras da semana",

vmarcosp

{
  "name": "spacy",
  "namespace": false,
  "reason": {
    "react-jsx": 3
  },
  "bs-dependencies": [],
  "ppx-flags": [],
  "sources": [
    {

vmarcosp

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)

vmarcosp

import React from "react";
import createEmotionServer from "@emotion/server/create-instance";
import NextDocument, { Html, Main, Head, NextScript } from "next/document";
import { cache } from "@emotion/css";

class Document extends NextDocument {
  static async getInitialProps(ctx) {
    const page = await ctx.renderPage();
    const initialProps = await NextDocument.getInitialProps(ctx);
    const { css, ids } = renderStatic(page.html);

vmarcosp

@module("@emotion/css") external css: {..} => string = "css"
@module("@emotion/css") external rawCss: string => string = "css"
@module("@emotion/css") external keyframes: {..} => string = "keyframes"
@module("@emotion/css") external injectGlobal: {..} => unit = "injectGlobal"
@module("@emotion/css") external compose: (string, string) => string = "compose"

vmarcosp

module Styles = {
  open Emotion

  let rotate = keyframes({
    "100%": {
      "transform": "rotate(360deg)",
    },
  })

  let dash = keyframes({