Skip to content

Instantly share code, notes, and snippets.

View bobzhen's full-sized avatar

Hongbo Zhen bobzhen

54 followers · 355 following
  • Alibaba
  • Shenzhen, China
View GitHub Profile
@bobzhen
bobzhen / example1.ios.js
Created March 16, 2017 06:07 — forked from jgable/example1.ios.js
TouchableHighlight Examples
/**
* Touchable Highlight example (that fires invariant as expected)
*/
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
@bobzhen
bobzhen / update_git_repos.sh
Created April 5, 2017 01:15 — forked from douglas/update_git_repos.sh
Update all git repositories under a base directory
#!/bin/bash
# store the current dir
CUR_DIR=$(pwd)
# Let the person running the script know what's going on.
echo "\n\033[1mPulling in latest changes for all repositories...\033[0m\n"
# Find all git repositories and update it to the master latest revision
for i in $(find . -name ".git" | cut -c 3-); do
@bobzhen
bobzhen / index.js
Created April 5, 2017 01:57 — forked from mrzmyr/index.js
React Native - Detect Double Tap
var Index = React.createClass({
getInitialState: function () {
return {
lastPress: 0
}
},
onPress: function () {
var delta = new Date().getTime() - this.state.lastPress;
@bobzhen
bobzhen / box-shadow.html
Created April 20, 2017 09:49 — forked from ocean90/box-shadow.html
CSS3 Box Shadow, only top/right/bottom/left and all
<!DOCTYPE html>
<html>
<head>
<title>Box Shadow</title>
<style>
.box {
height: 150px;
width: 300px;
margin: 20px;
@bobzhen
bobzhen / homebrew-permissions-issue.md
Created May 6, 2017 07:56 — forked from irazasyed/homebrew-permissions-issue.md
Homebrew: Permissions Denied Issue Fix (OS X)http://developpeers.com/blogs/fix-for-homebrew-permission-denied-issues

Homebrew Permissions Denied Issues Solution

Installing and fixing node.JS

brew install node




  


  




    


          
    

      

        
        

          

              @bobzhen
          

          

            
                bobzhen
                / realtime-notifications-with-actioncable.md
            
            

              Created
              May 13, 2017 14:58
                — forked from excid3/realtime-notifications-with-actioncable.md
            

          

        

      

        

  

      

    
Realtime Notifications with ActionCable


In this episode we're going to be adding realtime notifications into your app using ActionCable. We've talked about notifications a few times in the past and we used AJAX polling for that. 95% of the time, polling is the solution that would be recommended for it.


But if you're looking for a good introduction into ActionCable then this is a decent one because we're only really using it for one way from the server side to the client side.


Getting started


So to get started we're starting with an app that has Bootstrap installed and then we created a Main controller with an index view which is where we will list our Notifications as for this example.


Before we generate our channels let's install a few things



  


  




    


          
    

      

        
        

          

              @bobzhen
          

          

            
                bobzhen
                / JSXSpreadAttributes.md
            
            

              Created
              June 6, 2017 09:04
                — forked from sebmarkbage/JSXSpreadAttributes.md
            

              
                JSX Spread Attributes
              
          

        

      

        

  

      

    
JSX Spread Attributes


If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:


  var component = <Component foo={x} bar={y} />;


Mutating Props is Bad, mkay



  


  




    


          
    

      

        
        

          

              @bobzhen
          

          

            
                bobzhen
                / JSXSpreadAttributes.md
            
            

              Created
              June 6, 2017 09:04
                — forked from sebmarkbage/JSXSpreadAttributes.md
            

              
                JSX Spread Attributes
              
          

        

      

        

  

      

    
JSX Spread Attributes


If you know all the properties that you want to place on a component a head of time, it is easy to use JSX:


  var component = <Component foo={x} bar={y} />;


Mutating Props is Bad, mkay



  


  




    


          
    

      

        
        

          

              @bobzhen
          

          

            
                bobzhen
                / Nginx + Passenger
            
            

              Created
              July 3, 2017 02:24
                — forked from gbotin/Nginx + Passenger
            

              
                Rails + Postgresql + Nginx + Passenger
              
          

        

      

        

  

    
    


        



  


  

        

          
          gpg --keyserver keyserver.ubuntu.com --recv-keys 561F9B9CAC40B2F7
        

        

          
          gpg --armor --export 561F9B9CAC40B2F7 | sudo apt-key add -
        

        

          
          sudo apt-get install apt-transport-https
        

        

          
          

        

        

          
          sudo sh -c "echo 'deb https://oss-binaries.phusionpassenger.com/apt/passenger trusty main' >> /etc/apt/sources.list.d/passenger.list"
        

        

          
          sudo chown root: /etc/apt/sources.list.d/passenger.list
        

        

          
          sudo chmod 600 /etc/apt/sources.list.d/passenger.list
        

        

          
          sudo apt-get update
        

        

          
          

        

        

          
          sudo apt-get install nginx-full passenger
        

  





    


  




    


          
    

      

        
        

          

              @bobzhen
          

          

            
                bobzhen
                / precompile.md
            
            

              Created
              August 4, 2017 06:45
                — forked from mrbongiolo/precompile.md
            

              
                HOW TO: Rails 4.2 add 'vendor/asset' to precompile list
              
          

        

      

        

  

      

    
To enable the precompilation of all non.js/.css assets within vendor/assets just add this to config/initializers/assets.rb:


Rails.application.config.assets.precompile << Proc.new { |path, fn| fn =~ /vendor\/assets/ && !%w(.js .css).include?(File.extname(path)) }


Be aware that this will precompile ALL non .js/.css assets that you have there, some plugins or libraries might have .txt or other files around, and those would end up into your precompiled list also.


If you need to precompile images only, you could use this:


Rails.application.config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)