samselikoff

import { motion } from "framer-motion";
import { FormEvent, useState } from "react";

import { createGlobalState } from "react-hooks-global-state";

const { useGlobalState } = createGlobalState({
  enabled: false,
  delay: 1000,
});

samselikoff

{
	"Use state": {
		"scope": "javascriptreact,typescriptreact",
		"prefix": "ush",
		"body": [
				"let [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);",
		],
		"description": "useState()"
	}
}

samselikoff

import Button from "@/components/Button";
import ImageCropper, {
  getCroppedImage,
  getDataURLFromFile,
} from "@/components/ImageCropper";
import Modal from "@/components/Modal";
import useCurrentUser from "@/hooks/use-current-user";
import useMutation from "@/hooks/use-mutation";
import { UserIcon } from "@heroicons/react/outline";
import { gql } from "graphql-request";

samselikoff

{
  "Range of numbers": {
    "scope": "javascriptreact,typescriptreact",
    "prefix": "range",
    "body": [
      "{[...Array($1).keys()].map((i) => (",
      "  <$2 key={i}>",
      "    $3",
      "  </$2>",
      "))}",

samselikoff

This post is also on my blog, since Gist doesn't support @ notifications.

---

Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

• Use Ember CLI
• In general, replace views + controllers with components
• Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
• Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.

samselikoff

import Ember from 'ember';

export default Ember.Controller.extend({
});

samselikoff

import Ember from 'ember';

export default Ember.Controller.extend({
  
  db: Ember.computed('refreshDb', function() {
    let dump = window.server.schema.db.dump();
    
    return JSON.stringify(dump, null, 2);
  }),

samselikoff

import firebaseProvider from "@/lib/auth-providers/firebase";
import testProvider from "@/lib/auth-providers/test";
import { proxy, useSnapshot } from "valtio";
import { gql } from "graphql-request";
import request from "@/lib/request";

let isServer = typeof window === "undefined";
let isTest = !isServer && window.Cypress;
let mocksEnabled = process.env.NEXT_PUBLIC_ENABLE_MOCKS;

samselikoff

const plugin = require("tailwindcss/plugin");

module.exports = {
  mode: "jit",
  purge: {
    content: ["./src/**/*.{js,ts,jsx,tsx,mdx,vue}"],
  },
  theme: { extend: {} },
  variants: {},
  plugins: [

samselikoff

import Ember from 'ember';
import fade from 'ember-animated/transitions/fade';

export default Ember.Controller.extend({
  fade
});