luistak

function App({ onNewMessage }) {
  const handleSubmit = (e) => {
    e.preventDefault();

    const { target: form } = e;
    const input = form?.elements?.something;

    const customEvent = new CustomEvent('message', { detail: input.value });
    window.dispatchEvent(customEvent)
    form.reset();

luistak

function App() {
  const [messages, setMessages] = useState([]);

  const handleNewMessage = (event) => {
    setMessages((currentMessages) => currentMessages.concat(event.detail));
  };

  useEffect(() => {  
    window.addEventListener('message', handleNewMessage);

luistak

function App() {
  const [messages, setMessages] = useState([]);

  const handleNewMessage = (event) => {
    setMessages((currentMessages) => currentMessages.concat(event.detail));
  };

  useEffect(() => {  
    window.addEventListener('message', handleNewMessage);

luistak

#!/usr/bin/env node

console.log(' ó o exemplo aqui menó ');

luistak

1. Install Testing library packages and types

yarn add --dev @testing-library/jest-dom @types/testing-library__jest-dom @testing-library/react @testing-library/user-event

2. Create setupTests.ts file at /src with this content:

import '@testing-library/jest-dom/extend-expect';

3. Add jest dom sixteen

luistak

type ThemedCss = FlattenInterpolation<ThemeProps<DefaultTheme>>;

type VariantOptions<T extends string> = {
  variant: T | undefined;
  variants: Record<T, ThemedCss>;
  defaultStyle: ThemedCss;
};

type VariantCallback<T, K extends string> = (props: T) => VariantOptions<K>;

luistak

#!/bin/bash

FILE=$1
DATA=$2

cat <<-EOF > $FILE
$(echo -e $DATA)
$(cat $FILE)
EOF

luistak

{
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "editor.fontSize": 15,
  "editor.renderWhitespace": "all",
  "eslint.workingDirectories": [
    {
      "directory": "packages/web",
      "changeProcessCWD": true

luistak

var ajax = {};

ajax.POST = 1;
ajax.GET = 2;

ajax.checkTimeout;

ajax.setup = function() {
	if (ajax.loaded) {
		return;