brookslybrand

// styled component version
const Container = styled.div`
  /*all of the styles*/
`
function MyComponent() {
  return <Container>{/*other stuff*/}</Container>
}


// css prop version

mattpocock

import { useEffect, useReducer } from 'react';

type State<TState, TEffect> = TState & {
  effects?: TEffect[];
};

export type UseFsmReducerEffects<TAction, TEffect extends { type: string }> = {
  [K in TEffect['type']]: (params: {
    effect: Extract<TEffect, { type: K }>;
    dispatch: (action: TAction) => void;

simsketch

iansu

Create New App

JavaScript Template

npx create-react-app@next --scripts-version=@next --template=cra-template@next my-js-app

TypeScript Template

npx create-react-app@next --scripts-version=@next --template=typescript@next my-ts-app

mattpocock

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

hihayk

:root {
  --lineHeightFixedAmount: 0.25rem;
  --lineHeightRelativeAmount: 1em;
  --sizesIncrement: 1.4;

  --fontSize-0: 1rem; 
  --fontSize-1: calc(var(--fontSize-0) * var(--sizesIncrement)); 
  --fontSize-2: calc(var(--fontSize-1) * var(--sizesIncrement));

  --globalLineHeight: calc(var(--lineHeightFixedAmount) + var(--lineHeightRelativeAmount));

graphicbeacon

// Copyright (c) 2019, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

import 'dart:math' as math;
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

danestves

.embed-responsive {
  @apply relative;
}

.embed-responsive::before {
  @apply block;
  content: "";
}

.embed-responsive .embed-responsive-item,

antfu

TypeScript  21 hrs 47 mins  ████████████████▒░░░  67.1%
Vue.js       6 hrs 21 mins  ██████▓░░░░░░░░░░░░░  19.6%
JSON         2 hrs 10 mins  ████▒░░░░░░░░░░░░░░░   6.7%
JavaScript         46 mins  ███▒░░░░░░░░░░░░░░░░   2.4%

zaydek-old

package main

import (
	"context"
	"database/sql"
	"encoding/base64"
	"encoding/json"
	"fmt"
	"time"