wyeo

One-line command

git branch --merged | egrep -v "(^\*|master|dev)" | xargs git branch -d

• git branch –merged : first, you are simply listing all the branches currently merged with your current checked out branch;
• egrep -v “(^*|master|dev)” : you are using the invert matching feature of grep in order to exclude any branches that may be called “master” or “dev”, just in case;
• xargs git branch -d : you are deleting every single branch listed before.

Source

wyeo

(function(root, name, make) {
    if (typeof module != 'undefined' && module['exports']) module['exports'] = make();
    else root[name] = make();
}(this, 'breakpoint', function() {

    /**
     * @link http://gist.github.com/ryanve/7924792
     * @param {string} feature range feature name e.g. "width"
     * @param {string=} unit CSS unit for feature e.g. "em"
     * @param {number=} init initial guess

wyeo

import { useRef, useEffect, useState } from "react"

const usePreviousValue = (value: any) => {
    const ref = useRef()
    useEffect(() => {
        ref.current = value
    })
    return ref.current
}

wyeo

# delete local tag '12345'
git tag -d 12345
# delete remote tag '12345' (eg, GitHub version too)
git push origin :refs/tags/12345
# alternative approach
git push --delete origin tagName
git tag -d tagName

wyeo

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import classnames from 'classnames'
import { connect } from 'react-redux'
import { rxForm } from 'rx-react-form'
import { createSelector } from 'reselect'
import autobind from 'autobind-decorator'
import { FormattedMessage, injectIntl, intlShape } from 'react-intl'

import { Button, FontH1 } from 'volt-ui'

wyeo

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import classnames from 'classnames'
import { FormattedMessage, injectIntl, intlShape } from 'react-intl'
import { rxForm } from 'rx-react-form'

import { Button, FontH1 } from 'volt-ui'
import ValidatedInput from 'components/ValidatedInput'

import messages from './messages'

wyeo

La programmation reactive avec RxJS

La programmation reactive est un paradigme de programmation dont le concept repose sur l'émission de données depuis une ou plusieurs sources (producteurs) à destinations d'autres éléments appelés consommateurs. Elle repose sur le design pattern Observable - Observer implémenté par les observables, aisément manipulable via les operateurs.

Dans l'introduction aux observables, nous avons découvert cet objet permettant de souscrire à une source de donnée avec un Observer. Cette mécanique permet de réagir aux données émisent par l'Observable par le biais de Observer, et cela pendant toute la durée du flux.

Maintenant, voyons comment nous pouvons manipuler ce flux grâce aux opérateurs de transformation.

Les opérateurs

wyeo

import React, { Children } from 'react'
import ReactDOM from 'react-dom'
import PropTypes from 'prop-types'
import Polyglot from 'node-polyglot'

import messages from './message'

const locale = window.localStorage.getItem('locale') || 'fr'
const polyglot = new Polyglot({
  locale,

wyeo

const btn = document.getElementById('btn')
const values = [1, 2, 3, 4, 5]

function logger(event) {
  console.log(`Logger : ${event}`)
  btn.removeEventListener('click', logger)
}

// btn.addEventListener('click', logger)
// const btn$ = Rx.Observable.fromEvent(btn, 'click')

wyeo

Observable.interval = (period) => {
  Observable.prototype.subscribe = (nextFn) => {
    let i = 0
    const timeout = setInterval((function(){ nextFn(i++) }), period)
    return clearInterval.bind(null, timeout)
  }
  return new Observable()
}