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 / 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 / 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 / react-create-element.js
Last active February 15, 2018 14:59
#3 - React and Virtual DOM (https://medium.com/keepitlazy/intro-to-react-and-virtual-dom-f2bd1eda2feb)
// Equivalent to JSX: <Watch hours="9" minutes="15"/>
React.createElement(Watch, {'hours': '9', 'minutes': '15'});
@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
@jbardon
jbardon / virtual-dom-json.json
Last active February 15, 2018 15:01
#5 - React and Virtual DOM (https://medium.com/keepitlazy/intro-to-react-and-virtual-dom-f2bd1eda2feb)
{
"type":"div",
"props":{ "className":"form-group" },
"children":[
{
"type":"label",
"props":{ "htmlFor":"email" },
"children":[ "Email address"]
},
{
@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 };
}