Skip to content

Instantly share code, notes, and snippets.

View joemocha's full-sized avatar
🎯
Focusing

joemocha

🎯
Focusing
View GitHub Profile
@joemocha
joemocha / machine.js
Created September 13, 2019 05:07
Generated by XState Viz: https://xstate.js.org/viz
const orderStateMachine = Machine({
id: 'state',
initial: 'CREATED',
states: {
CREATED: {
on: {
AUTHORIZE: 'AUTHORIZED',
PAYMENT_FAIL: 'PAYMENT_FAILED',
},
},

Keybase proof

I hereby claim:

  • I am joemocha on github.
  • I am joemocha (https://keybase.io/joemocha) on keybase.
  • I have a public key ASBIHZyRO3-dQk0oE1BID728Pf_GWnIi5RGBDzXG0SoGjQo

To claim this, I am signing this object:

Effective Engineer - Notes

What's an Effective Engineer?

  • They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

Effective Engineer - Notes

What's an Effective Engineer?

  • They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

@joemocha
joemocha / index.md
Created September 22, 2016 13:04 — forked from alekseykulikov/index.md
SUIT CSS naming convention for React.js application

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.

My 3 developers team has just developed React.js application with 6561 lines of CSS (and just 5 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.

Here are main principles we use to write CSS for modern (IE11+) browsers:

getActions(cellData, cellDataKey, rowData, rowIndex) {
if(!rowData['return_invoice_id'] && rowData['days_left'] > 0){
return <a style={this.styles.link} href={"/return_funnel/filtered_purchases?vin_number="+rowData['vin']+"&filter_type=vin_number_filter"}>Return Vehicle</a>
} else if (!rowData['return_invoice_id']){
return '';
} else {
return this.getVraLink(rowData);
}
}
{
status: 201,
data: [
{ id: 12345, name: "foo" }
]
}
{
status: 400,
message: [
"Name is missing",
"ID is missing",
]
}
@joemocha
joemocha / cors.nginxconf
Created November 2, 2015 17:42 — forked from pauloricardomg/cors.nginxconf
Nginx configuration for CORS-enabled HTTPS proxy with origin white-list defined by a simple regex
#
# Acts as a nginx HTTPS proxy server
# enabling CORS only to domains matched by regex
# /https?://.*\.mckinsey\.com(:[0-9]+)?)/
#
# Based on:
# * http://blog.themillhousegroup.com/2013/05/nginx-as-cors-enabled-https-proxy.html
# * http://enable-cors.org/server_nginx.html
#
server {
{"started_at":1444594479652,"response":{"status":200,"size":"324","headers":{"x-content-type-options":"nosniff","content-type":"text\/html;charset=utf-8","request-id":"f34bff7d-8efa-4912-bf4a-4637cac05b22","content-length":"6","via":"kong\/0.5.0","vary":"Accept-Encoding","x-xss-protection":"1; mode=block","x-frame-options":"SAMEORIGIN","connection":"close"}},"request":{"method":"GET","uri":"\/","size":"118","request_uri":"http:\/\/akuja.dev:8000\/","querystring":{},"headers":{"host":"akuja.dev","user-agent":"Paw\/2.2.3 (Macintosh; OS X\/10.11.0) GCDHTTPRequest","connection":"close"}},"client_ip":"10.0.2.2","api":{"upstream_url":"http:\/\/192.168.99.100:5000","request_path":"\/","id":"e1f91295-76e4-4557-c581-347e0bfa7287","name":"akuja","preserve_host":true,"created_at":1444587685000,"request_host":"akuja.dev"},"latencies":{"request":160,"kong":35,"proxy":123}}
{"started_at":1444594480630,"response":{"status":200,"size":"324","headers":{"x-content-type-options":"nosniff","content-type":"text\/html;charset=utf-