Skip to content

Instantly share code, notes, and snippets.

View wootsbot's full-sized avatar
:octocat:
Doing this 'n' that.

jlca wootsbot

:octocat:
Doing this 'n' that.
View GitHub Profile
@natew
natew / settings.json
Created August 10, 2023 23:54
my customize ui vscode
{
"apc.activityBar": {
"position": "bottom",
"hideSettings": true,
"size": 20
},
"apc.statusBar": {
"position": "editor-bottom",
"height": 22,
@joe-bell
joe-bell / stack.ts
Last active October 5, 2021 12:15
Stitches: Themed Variants
import type * as Stitches from '@stitches/react';
import { css, config } from "./stitches.config";
type TCSS = Stitches.CSS<typeof config>;
const { space } = config.theme;
type TSpaceKey = keyof typeof space;
const gap = (Object.keys(space) as Array<TSpaceKey>).reduce<
Record<TSpaceKey, TCSS>
@pom421
pom421 / form-next-ts-rhf-zod-demo.tsx
Last active December 22, 2023 16:28
Form with React Hook form and zod rules (Next.js page example)
// try it : https://codesandbox.io/s/sample-next-ts-rhf-zod-9ieev
import React from "react";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";
import type { FieldError } from "react-hook-form";
// JSON.stringify(error) will not work, because of circulare structure. So we need this helper.

Prueba Fronted Senior

  • Realizar un aplicativo web con React, Redux, Scss|Sass|Css.
  • El aplicativo web sera un exchange, el cual consumira datos de TAUROS API.
  • Se recomienda usar el area de prueba: https://api.staging.tauros.io/api/v1/.
  • Tendra un tiempo estimado de 4h.

Requerimientos

El aplicativo el web debera:

" Specify a directory for plugins
call plug#begin('~/.vim/plugged')
Plug 'neoclide/coc.nvim', {'branch': 'release'}
Plug 'scrooloose/nerdtree'
"Plug 'tsony-tsonev/nerdtree-git-plugin'
Plug 'Xuyuanp/nerdtree-git-plugin'
Plug 'tiagofumo/vim-nerdtree-syntax-highlight'
Plug 'ryanoasis/vim-devicons'
Plug 'airblade/vim-gitgutter'
@kmrk
kmrk / --copy-files
Last active January 16, 2020 23:58
babel --copy-files with --ignore
#!/usr/bin/env node
// babel's cli option --copy-files will override the --ignore setting
// so copy resources like this
require('fs-extra').copy(
process.argv.slice(-2).shift(),
process.argv.slice(-2).pop(),
{ filter: (src,dist)=>{ return (src.match(/\.js|\.jsx|stories|test/)===null)} },
err => { if (err) return console.error (err); console.log ('Copy success!');
@wootsbot
wootsbot / contribuye.rst
Created June 6, 2019 03:20
Publica tu artículo en codea.com.mx

Publica tu artículo en codea.com.mx

Clona el repositorio y prepara tu branch

$ git clone https://github.com/<mi-usuario-gitlab>/codea.git
$ cd codea/
@gaearon
gaearon / uselayouteffect-ssr.md
Last active March 28, 2024 11:44
useLayoutEffect and server rendering

If you use server rendering, keep in mind that neither useLayoutEffect nor useEffect can run until the JavaScript is downloaded.

You might see a warning if you try to useLayoutEffect on the server. Here's two common ways to fix it.

Option 1: Convert to useEffect

If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect instead.

function MyComponent() {
@adhithiravi
adhithiravi / VideoComponent.js
Created August 16, 2018 19:34
VideoComponent.js
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { View, StyleSheet } from 'react-native'
import Video from 'react-native-video'
export default class VideoComponent extends React.Component {
renderVideo () {
return(
<Video
@alexcalaca
alexcalaca / How to remove RVM from cloud9.md
Last active April 20, 2023 14:29
How to remove RVM from cloud9