sindresorhus

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

irustm

Попытаюсь ответить на общие и частные вопросы, и возможно развенчать некоторые мифы, потому как очень много авторов статей прыгнули на этот хайп трейн, и под копирку вышло очень много статей. А некоторые ответы, например Раяна , были вырваны из контекста.

В дино тс из коробки, а в ноде надо настраивать. Настраивается быстро и просто. Не считаю, полезной фичей

Не знаю из какой статьи эта фраза, но думаю тож вырвано из контекста. И все таки хочется дать какой то комментарии. Возможно тут упор идет на новичков, которым не приходилось ранее работать со всякими сборщиками и лоадерами. Не говоря уж о простом запуске tsc. Да, кому то действительно это не нужно, у многих давно есть свои инструменты CLI, которые это делают, и многие даже не задумываются что происходит под капотом. Кроме того дополню что команды Deno CLI включают многие вещи, которых действительно не было в экосистеме Node из коробки. Что я имею ввиду - когда я разрабатывал на .NET все было включено, так же из коробки, и не нужны были мне те же, н

irustm

На случай важных переговоров

[11.01.18 18:47] [Forwarded from Алексей Охрименко]

1. Google, Microsoft
2. Typescript из коробки
3. Единственный вреймворк с Dependency Injection из коробки
4. Не нужно ничего React-ить и AngularJS-ифаить. Больше никаких оберток. jQuery плагины и D3 можно использовать на прямую
5. Более современный фреймворк

kvnxiao

Awesome-Selfhosted

Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.

This is a list of Free Software network services and web applications which can be hosted locally. Non-Free software is listed on the Non-Free page.

See Contributing.

danielkcz

  React.useEffect(() =>
    mobx.autorun(() => {
      if (props.validate) {
        // MobX will see use of formik.values and rerun this function whenever it is mutated
        formik.errors = props.validate(formik.values);
      }
    }), []
  );

danielkcz

function useFormik(props) {
  // useState to keep the same observable around without recreating it on each render
  const [formik] = React.useState(() =>
    mobx.observable({
      values: props.initialValues || {},
      touched: {}
    })
  )

  // just mutate state, this function itself can be considered an action+reducer 

tmeasday

Simple API: export Component (for docs) and examples ("renderables")

import React from 'react';

import Component from 'somewhere';

export default Component;

export const variant1 = () => <Component variant="1" />;

hubgit

import { FieldProps } from 'formik'
import React from 'react'
import Select, { Option, ReactSelectProps } from 'react-select'

export const SelectField: React.SFC<ReactSelectProps & FieldProps> = ({
  options,
  field,
  form,
}) => (
  <Select

vktr

function (user, context, callback) {
  user.app_metadata = user.app_metadata || {};

  if ('stripe_customer_id' in user.app_metadata) {
    context.idToken['https://example.com/stripe_customer_id'] = user.app_metadata.stripe_customer_id;
    return callback(null, user, context);
  }

  var stripe = require('stripe')('sk_....');
  var customer = {

iamakulov

Analysis of passive: true

In 2017, Chrome, Firefox and Safari added support for passive event listeners. They help to make scrolling work smoother and are enabled by passing {passive: true} into addEventListener().

The explainer mentions that passive: true works for wheel and touch events. I practically analyzed when passive: true actually helps:

Event	Works better with passive: true	Is passive by default
wheel¹	Yes (Chrome), No (Firefox)	No (Chrome), No (Firefox)
touchstart	Yes (Chrome), ?² (Firefox)	Yes (Chrome), ?² (Firefox)