Shortcut to perform a Google I'm Feeling Lucky search on https://developer.mozilla.org.
1. list all remote tags | |
git ls-remote --tags | |
2. delete local tag | |
git tag -d V_1_0_1 | |
3. push tag deletion to remote | |
git push origin :refs/tags/V_1_0_1 | |
4. tag local branch again |
#!/bin/bash | |
open -a "Google Chrome" --new --args --new-window \ | |
'https://tweetdeck.twitter.com' \ | |
'https://web.whatsapp.com' \ | |
'https://blastersystems.slack.com/' \ | |
'https://www.messenger.com/' \ | |
'https://web.telegram.org/' \ | |
'https://web.skype.com' \ | |
'https://hangouts.google.com/' \ |
A maintainable application architecture requires that the UI only contain the rendering logic and execute queries and mutations against the underlying data model on the server. A maintainable architecture must not contain any logic for composing "app state" on the client as that would necessarily embed business logic in the client. App state should be persisted to the database and the client projection of it should be composed in the mid tier, and refreshed as mutations occur on the server (and after network interruption) for a highly interactive, realtime UX.
With GraphQL we are able to define an easy-to-change application-level data schema on the server that captures the types and relationships in our data, and wiring it to data sources via resolvers that leverage our db's own query language (or data-oriented, uniform service APIs) to resolve client-specified "queries" and "mutations" against the schema.
We use GraphQL to dyn
# To run this, name this file hello_world.yml and run the following in the same directory | |
# ansible-playbook hello_world.yml -i 'local,' --connection=local | |
- hosts: | |
- local | |
tasks: | |
- name: Create a directory | |
file: path=hello_world state=directory |
<style type="text/css"> | |
/*////// RESET STYLES //////*/ | |
p{margin:0 0 10px 0;} | |
a{word-wrap:break-word;} | |
table{border-collapse:collapse;} | |
h1, h2, h3, h4, h5, h6{display:block; margin:0; padding:0;} | |
img, a img{border:0; height:auto; outline:none; text-decoration:none;} | |
body, #bodyTable, #bodyCell{height:100%; margin:0; padding:0; width:100%;} | |
/*////// CLIENT-SPECIFIC STYLES //////*/ |
# Backup | |
docker exec CONTAINER /usr/bin/mysqldump -u root --password=root DATABASE > backup.sql | |
# Restore | |
cat backup.sql | docker exec -i CONTAINER /usr/bin/mysql -u root --password=root DATABASE | |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft
,elem.offsetTop
,elem.offsetWidth
,elem.offsetHeight
,elem.offsetParent
There are many tutorials and articles available online which explain functional programming. Examples show small functions, which are composed into others which again get composed. It is hard to imagine how it would all work, then come the analogies and then the math. While the math is necessary to understand it can be difficult to grasp initially. The analogies on the other hand, (at least for me) are not relatable. Some articles assume the reader knows the different terminologies of FP. Over all I felt it is not inviting to learn.
This introduction is for those who have had a tough time understanding those analogies, taken the plunge to functional programming but still have not been able to swim. This is yet another tutorial on functional programming
Functions are first class means they are just like anyone else, or rather they are not special, they behave the same as say primitives or strings or objects.
var RecursiveChildComponent = React.createClass({ | |
render() { | |
return <div> | |
{this.recursiveCloneChildren(this.props.children)} | |
</div> | |
}, | |
recursiveCloneChildren(children) { | |
return React.Children.map(children, child => { | |
if(!_.isObject(child)) return child; | |
var childProps = {someNew: "propToAdd"}; |