nikasepiskveradze

import React from "react";

const context = React.createContext();

export function QueryClientProvider({ children, client }) {
  React.useEffect(() => {
    const onFocus = () => {
      client.queries.forEach((query) => {
        query.subscribers.forEach((subscriber) => {
          subscriber.fetch();

whisher

Credit to
https://medium.com/javascript-in-plain-english/react-controlled-forms-with-hooks-538762aab935

import React, { ChangeEvent, FormEvent, useReducer } from "react";

const useForm = (initialState: any) => {
  const reducer = (
    state: typeof initialState,
    payload: { field: string; value: string }
  ) => {

kjbrum

import React, { forwardRef } from 'react'
import styled from 'styled-components'
import css, { get } from '@styled-system/css'
import {
    system,
    compose,
    space,
    color,
    typography,
    layout,

MaximeHeckel

// reducer.js
export const initialState = {
  data: null
};

const reducer = (state, action) => {
  const reduced = { ...state };
  switch (action.type) {
    case "FETCH_DATA":
      return {

Metnew

import React, {Component} from 'react'
import PropTypes from 'prop-types'
import {Route, Redirect} from 'react-router'

/**
 * Component that protects route from unauthorized users.
 * @type {Object}
 */
class RouteAuth extends Component {
    constructor(props) {

btroncone

RxJS 5 Operators By Example

⚠️ UPDATE: I have moved the contents of this gist plus more to http://www.learnrxjs.io and https://github.com/btroncone/learn-rxjs. For expanded examples, explanations, and resources, please check out this new location!

A complete list of RxJS 5 operators with easy to understand explanations and runnable examples.

Table of Contents

• buffer
• bufferCount
• bufferTime

csaftoiu

'use strict';

/**
 * @ngdoc overview
 * @name foundation.datepicker.angular
 * @description
 * # foundation.datepicker.angular
 *
 * Add angular support for {@link http://foundation-datepicker.peterbeno.com/example.html foundation-datepicker}.
 */

joshrathke

<?php

/**
 *	By default instagram doesn't allow us to query for more than
 *	attribute, such as media posted by a specific author tagged with
 *	a specific tag. In order to accomplish this we will acquire all of
 *	the media tagged with the tag we are looking for and then filter it
 *	down based on the user.
 */

ericelliott

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

demisx

Angular application directory structure

Leverages Angular UI Router instead of core ngRoute module. UI Router allows us to organize our application interface into a state machine. Unlike the $route service in the Angular ngRoute module, which is organized around URL routes, UI-Router is organized around states, which may optionally have routes, as well as other behavior, attached.

LIFT* Organization principle:

• L - Locating code easy
• I - Identify code at a glance