Skip to content

Instantly share code, notes, and snippets.

View jbardon's full-sized avatar

Jérémy Bardon jbardon

7 followers · 1 following
View GitHub Profile
@jbardon
jbardon / .bash_profile
Last active November 3, 2015 13:14
Update shell variable and maven configuration with proxy settings
# Copy that in ~/.bash_profile
# Call "proxy on|off|status" in your shell
proxy(){
case $1 in
on)
export http_proxy=http://cache.etu.univ-nantes.fr:3128
export https_proxy=https://cache.etu.univ-nantes.fr:3128
sed -ie 's/false/true/g' ~/.m2/settings.xml
git config --global http.proxy http://NUM_ETUDIANT:MDP_ETUDIANT@cache.etu.univ-nantes.fr:3128
@jbardon
jbardon / jquery-promises.js
Created June 28, 2017 09:31
Jquery promises examples
// Single async all
$.when(myFunction)
.then(followingFunction);
// Multiple async call
var promises = [ myFunction(), myFunction() ]
$.when(myFunction)
.apply($, promises)
.then(followingFunction);
@jbardon
jbardon / react-state.html
Last active January 15, 2018 11:39
<!doctype html>
<html>
<head>
<title>React</title>
</head>
<body>
<script src="https://unpkg.com/react@16.2.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.2.0/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.24.2/babel.min.js" charset="utf-8"></script>
<script src="https://unpkg.com/fetch@1.1.0/lib/fetch.js" charset="utf-8"></script>
@jbardon
jbardon / gulp-browserify-vendors.js
Last active February 15, 2018 15:48
## - Split bundle (https://medium.com/keepitlazy/split-up-webpack-browserify-bundle-191fb8e74b24)
var browserify = require('browserify');
var source = require('vinyl-source-stream');
var nodeResolve = require('resolve');
/**
* Make a browserify bundle
* @param isAppBundle true to bundle application without dependencies, false to bundle dependencies only
* @returns {*} browserify bundle
*/
var makeBundle = function (isAppBundle) {
@jbardon
jbardon / leboncoin.feature
Last active January 23, 2018 08:41
#language: fr
@BadPractice
Fonctionnalité: Parcours de recherche d'une annonce voiture
Scénario: Recherche d'une annonce de voiture récente
Etant donné je ne suis pas identifié
Et je suis sur la page "accueil"
# Mieux que: je clique sur le champ ayant l'id "Pdl"
Quand je clique sur "Pays de la Loire"
@jbardon
jbardon / react-best-pratices.jsx
Last active January 26, 2018 11:48
const DatePicker = (props) => <input type="date" onChange={props.handleDateSelected}/>
class DatePickerController extends React.Component {
constructor (props) {
super(props);
this.state = { currentDate: null };
this.handleDateSelected = this.handleDateSelected.bind(this);
}
handleDateSelected ({target}) {
@jbardon
jbardon / boilerplate.js
Last active February 15, 2018 15:49
## Intro to React and Virtual DOM (https://medium.com/keepitlazy/intro-to-react-and-virtual-dom-f2bd1eda2feb)
<!-- Skipping all HTML5 boilerplate -->
<script src="https://unpkg.com/react@16.2.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.2.0/umd/react-dom.development.js"></script>
<!-- For JSX support (with babel) -->
<script src="https://unpkg.com/babel-standalone@6.24.2/babel.min.js" charset="utf-8"></script>
<div id="app"></div> <!-- React mounting point-->
<script type="text/babel">
@jbardon
jbardon / create-element-example.js
Last active February 15, 2018 15:01
#6 - React and Virtual DOM (https://medium.com/keepitlazy/intro-to-react-and-virtual-dom-f2bd1eda2feb)
// React.createElement naive implementation (using ES6 features)
function createElement(type, props, ...children) {
return { type, props, children };
}
@jbardon
jbardon / functional-component.js
Last active February 15, 2018 14:59
#2 - React and Virtual DOM (https://medium.com/keepitlazy/intro-to-react-and-virtual-dom-f2bd1eda2feb)
const Watch = (props) =>
<div>{props.hours}:{props.minutes}</div>;
ReactDOM.render(<Watch hours="Hello" minutes="World"/>, document.getElementById('app'));
@jbardon
jbardon / js-vs-jsx.js
Last active February 15, 2018 15:00
#4 - React and Virtual DOM (https://medium.com/keepitlazy/intro-to-react-and-virtual-dom-f2bd1eda2feb)
// Using JS with React.createElement
React.createElement('form', null,
React.createElement('div', {'className': 'form-group'},
React.createElement('label', {'htmlFor': 'email'}, 'Email address'),
React.createElement('input', {'type': 'email', 'id': 'email', 'className': 'form-control'}),
),
React.createElement('button', {'type': 'submit', 'className': 'btn btn-primary'}, 'Submit')
)
// Using JSX