README.md

Ruby/Rails

• Ruby Threads and ActiveRecord Connections
• http://jakeyesbeck.com/2016/02/14/ruby-threads-and-active-record-connections/
• http://vigram-software-generals.blogspot.tw/2014/03/ruby-threads-activerecord-too-many.html
• Ruby Concurrency and Parallelism: A Practical Tutorial
• Time
• ramhoj/time-zone-article#1
• http://www.elabs.se/blog/36-working-with-time-zones-in-ruby-on-rails
• Use Time.zone.now or Time.now.in_time_zone("Taipei").to_date
• Transaction
• http://markdaggett.com/blog/2011/12/01/transactions-in-rails/
• raise ActiveRecord::Rollback will invalidate a transaction and reset the database records, won't bubbles up through the application stack
• Transactions are not distributed across database connections
• nested transaction
  • Active Record emulates nested transactions by using savepoints on MySQL and PostgreSQL
• Others
• config pattern
• accepts_nested_attributes_for with Has-Many-Through Relations
• Is Ruby pass-by-reference or pass-by-value?
  • http://robertheaton.com/2014/07/22/is-ruby-pass-by-reference-or-pass-by-value/
  • http://stackoverflow.com/questions/1872110/is-ruby-pass-by-reference-or-by-value
• rspec controller spec render_views
• scan
• http://stackoverflow.com/questions/1628673/ruby-regex-for-a-split-every-four-characters-not-working
• https://ruby-doc.org/core-2.2.0/String.html#scan-method
• Checking assoication exists
• filter attributes changes
  • attributes_changed_by_setter.except!(:foo, :bar)
• glob a directory in Ruby but exclude certain directories?
  • WARNING!!!
• Using heredoc for prettier Ruby code
• SSL Stuffs
  • What does force_ssl do in Rails?
  • config.force_ssl is different than controller force_ssl
  • Dangers of Session Hijacking
  • How can I make cookies secure (https-only) by default in rails?
• concurrency, parallal
  • Ruby SSE Server 動手做
  • Expeditor provides asynchronous execution and fault tolerance for microservices
  • 利用 Celluloid Future 在 Ruby 中平行化處理 I/O
    • https://www.facebook.com/groups/208890269174940/permalink/1348477431882879/
    • I/O Model
    • Ruby concurrency explained
    • What is the difference between a thread and a fiber?
    • Is non-blocking I/O really faster than multi-threaded blocking I/O? How?
    • [Scalable Event Multiplexing: epoll vs. kqueue]
• Actor
  • 基於 Actor 模式並發的介紹 (Ruby)
  • A gentle introduction to actor-based concurrency
• Use specific mysql index with rails
• pdf
  • How To Create PDFs in Rails
  • wicked_pdf

articles

• How DHH Organizes His Rails Controllers

Javascript

• async/await
  • https://www.twilio.com/blog/2015/10/asyncawait-the-hero-javascript-deserved.html
• es6 string interpolation
  • http://stackoverflow.com/questions/21668025/react-jsx-access-props-in-quotes/30061326#30061326
  • {`images/${this.props.image}`}
• "use strict";
• http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode
• More serious rules, you could not write javascript whatever you want.
• namespace
• pattern example
• https://addyosmani.com/blog/essential-js-namespacing/
• Prevent double click script
• Window.location
• String.prototype.replace
• Object.assign
• https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
• JavaScript 的 Object.assign 陷阱
• onbeforeunload
• https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload
• http://stackoverflow.com/questions/30712377/jquery-beforeunload-custom-pop-up-window-for-leaving-a-page
• How to trigger a click on a link using jQuery
• $('#test1')[0].click();
• handle array-like objects
• http://stackoverflow.com/questions/1424710/why-is-my-join-on-a-javascript-array-failing
• https://api.jquery.com/jQuery.makeArray/
• What does setTimeout with a 0ms delay do?
• Let some function be executed immediately right after after the currrent function
• JavaScript Promise 實作理解筆記
• npm install --save-dev vs npm --save
• What does -save-dev mean in npm install --save-dev
• What is yarn
• 取代 npm 的新利器 Yarn
• [譯] Yarn - Javascript 新一代套件管理
• Migrating from npm
• webpack
  • webpack concept
  • webpack configuration
    • What does “publicPath” in webpack do?
    • What is loader for?
      • webpack僅能處理Javascript所以需要一些Loader來幫忙。例如,處理CSS檔案，我們需要使用style-loader。
  • 如何使用 Webpack 模組整合工具
  • WEBPACK入門教學筆記
  • babel-loader jsx SyntaxError: Unexpected token
  • even react need babel support
  • babel presets
  • styling
    • webpack styling
  • Using Webpack in Rails with the Webpacker Gem Video
• import, export
• Why es6 react component works only with “export default”?
• ES6 - Convert from 'require' to 'import'
• ES6: import * as React vs import React

React

resources

• https://github.com/bonniee/learning-react-native
• https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY
• A cartoon intro to redux
• 2016-03-02 React.js Conf 回顧 @ Reactjs.tw 社群小聚 11

react native

• http://school.shoutem.com/
  • React Native 101: Build your first mobile app
  • Build an Imgur App with React Native and MobX
    • https://github.com/Swizec/ImgurApp

memo

• require image in react-native
  • http://stackoverflow.com/questions/29308937/trouble-requiring-image-module-in-react-native
• What is data-react-checksum
• Rendering React Components on the Server

others

• Perform debounce in React.js
• React AJAX Best Practices
• React pattern
• Container Components
• Pass value in onClick
• Use setState callback to make sure state be updated
• React initialize flow diagram
• Reactjs Day 5 - Reactjs 大解密
• controlled & uncontrolled component
• ref
  • [Reactjs] 關於 Refs
    • 不要在 render() 方法裡面使用 this.refs 或者當任何元件的 render() 正在運行的時候。
  • Using ref Attribute
• Higher order component
  • Mixins Considered Harmful
  • THE POWER OF THE HIGHER ORDER
  • React Higher Order Components in depth
  • Higher-Order Components
  • Mixins Are Dead. Long Live Composition
  • React進階——使用高階組件（Higher-order Components）優化你的代碼
• ES6篇 - let與const
• ES6篇: Module System(模組系統)
• ES6篇 - Class(類別)
• Destructuring Assignment(解構賦值)
• reactconf-2017
  • A Beginner's Guide to Code Splitting Your React App
    • import async
  • create-react-native-app lightning talk
    • https://github.com/react-community/create-react-native-app
    • 利用 Create React Native App 快速建立 React Native 應用
    • something similar create-react-app
  • React-Storybook: Design, Develop, Document and Debug your React UI components
    • https://storybook.js.org/
  • Learn Once, Route Anywhere
    • https://hackmd.io/p/HJhD04uil#/44
    • https://github.com/ReactTraining/react-router
  • A Prettier Printer
    • https://github.com/prettier/prettier
• redux
  • A cartoon intro to redux(https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6)

Devops

deployment

• When you have multiple servers for app, workers, search etc... and you have a upgrade like rails 4.1 to rails 4.2. You need to be careful of the different version of these servers. Like Rails 4.2 app, Rails 4.1 worker(app finished deployment first). It may has some problems and you probably need to deploy workers first.
• Take care of the asset when you use auto-scale, the easist way to avoid any problem, expire everything Rails.application.config.assets.version = "1.1"

DB related

• mysql explain
• http://emn178.pixnet.net/blog/post/83011289-mysql-explain---%E6%95%88%E8%83%BD%E5%88%86%E6%9E%90%E8%AA%9E%E5%8F%A5
• rows lower is better
• http://fecbob.pixnet.net/blog/post/39084799-mysql-%E4%B8%ADexplain%E7%9A%84%E7%94%A8%E6%B3%95
• http://database.51cto.com/art/201108/285710_all.htm
• type: from good -> bad. const、eq_reg、ref、range、indexhe then ALL
• possible_keys: when it is empty, it means no possible indexes
• key: what query be used
• key_len lower is better
• Why Postgres Won't Always Use an Index
  • Why does PostgreSQL perform sequential scan on indexed column?
• selec * for update
• https://gist.github.com/ilake/f163ccf349fdc288e009
• http://api.rubyonrails.org/classes/ActiveRecord/Locking/Optimistic.html
• http://stackoverflow.com/questions/21404484/rails-3-how-to-simply-test-pessimistic-locking-on-console
• Prevent MySQL deadlocks in your Rails application
• MySQL locking for the busy web developer
• Select where first letter in a range ( PostgreSQL )
• Determine Whether Two Date Ranges Overlap
• GROUP BY multiple columns using MySQL
• postgresql time/date
  • compare only time/date part of dateime
  • 8 PostgreSQL Date and Time Function Examples
    • now(), now()::date, now()::time, date_part(), age(), extract(), date_trunc(), to_char(), to_timestamp()
  • 4 Tips for Working with Dates in PostgreSQL
    • now, extract, interval, clock_timestamp
  • 9.9. Date/Time Functions and Operators
• PostgreSQL search
  • Pattern matching with LIKE, SIMILAR TO or regular expressions in PostgreSQL
  • PostgreSQL query performance variations
  • Difference between GiST and GIN index
• Using COALESCE to handle NULL values in PostgreSQL
  • COALESCE, NULLIF
• Difference between LIKE and ~ in Postgres
• How to Create Postgres Indexes Concurrently in ActiveRecord Migrations
• Postgresql tr_gram, Trgrams
  • Faster PostgreSQL Searches with Trigrams
  • Fast Search Using PostgreSQL Trigram Indexes
  • Awesome Autocomplete: Trigram Search in Rails and PostgreSQL
    • similarity, ActiveRecord::Base.connection.quote
  • PostgreSQL扩展pg_trgm用法笔记
    • N-gram是计算机语言学和概率论范畴内的概念，是指给定的一段文本或语音中N个项目（item）的序列。项目（item）可以是音节、字母、单词或碱基对。通常N-grams取自文本或语料库。 N=1时称为unigram，N=2称为bigram，N=3称为trigram，以此类推
  • 利用pg_trgm的gist和gin索引加速字符匹配查詢
    • pg_trgm的工作原理是把字符串切成N個3元組，然後對這些3元組做匹配，所以如果作為查詢條件的字符串小於3個字符它就罷工了。
• 如何用PostgreSQL解決一個人工智能語義去重的小問題
• 從難纏的模糊查詢聊開 - PostgreSQL獨門絕招之一 GIN , GiST , SP-GiST , RUM 索引原理與技術背景
• 从相似度算法谈起 - Effective similarity search in PostgreSQL
• Use Subqueries to Count Distinct 50X Faster
• collection
  • 談談SQL Server的定序(Collation)
  • PostgreSQL Collation Support   - 日本語 Solution when PostgreSQL can not properly sort strings
  • HerokuのPostgresqlで日本語ソートにハマった

Others

• The Difference Between ID and Class
• Adjacent sibling selectors, what plus + symbol means in css
• About line-height
• Ruby 語法放大鏡之「你知道 require 幫你做了什麼事嗎?」
• Ruby class instance variable vs. class variable
• How Do I Know Whether My Rails App Is Thread-safe or Not?
• CSS display:inline vs inline-block
  • http://stackoverflow.com/questions/8969381/what-is-the-difference-between-display-inline-and-display-inline-block
  • http://stackoverflow.com/questions/9189810/css-display-inline-vs-inline-block
• code smell
  • https://www.youtube.com/watch?v=PJjHfa5yxlU
  • https://github.com/troessner/reek
• content too long
• http://note.tc.edu.tw/714.html
• word-wrap: break-word; overflow: hidden;
• WebSockets From Scratch
• https://blog.pusher.com/websockets-from-scratch/
• CSS Order Priority
• Understanding offsetWidth, clientWidth, scrollWidth and -Height
• https://developer.mozilla.org/zh-TW/docs/Web/API/Element/scrollWidth
• css transition
• https://jsfiddle.net/ilake/jyhLqvuy/17/
• http://css3.bradshawenterprises.com/accordions/
• css text-transform
• HTML property vs attributes
• http://stackoverflow.com/questions/6003819/properties-and-attributes-in-html
• http://stackoverflow.com/questions/19246714/html-attributes-vs-properties
• http://stackoverflow.com/questions/5874652/prop-vs-attr
• vertical-align sample, vertical-align-sampe-2
• viewpoint height - Make div 100% height of browser window
• Move js event to first
• glob a directory in Ruby but exclude certain directories?
• xml nokogiri example
• xml find with namespace
• What does “xmlns” in XML mean?
• Momentum Scrolling on iOS Overflow Elements
• mysqldump special character issue
• Bootstrap modal appearing under background in mobile
• ios scroll disapper issue
  • iOS 5 Native Scrolling
  • iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
• iPad Safari - Make keyboard disappear
• heroku scale
• 1 to 1000 - Scaling a Rails App on Heroku
• Scaling Rails to 125,000 Requests per Minute on Heroku
• [git merge conflict automatic resolution]
  • git merge -s recursive -X theirs source_branch
  • git merge -Xours B
• use google font
  • import https://fonts.google.com/earlyaccess#Noto+Sans+JP
  • download https://www.google.com/get/noto/#sans-jpan
  • use in rails, heroku
    • http://qiita.com/tochi/items/0d61bceef241d4fce07e
      • put font files under .fonts folder, Heroku understand it.
    • https://reinteractive.com/posts/270-wickedpdf-and-custom-fonts-in-rails

Tool

• resize icons
  • http://makeappicon.com/

others guys learning path

• https://www.ptt.cc/bbs/Soft_Job/M.1455389052.A.586.html
• https://www.ptt.cc/bbs/Soft_Job/M.1455442899.A.61B.html
• http://buzzorange.com/techorange/2015/07/28/coder-brand/
• interview
  • https://softnshare.wordpress.com/2016/02/21/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80%E9%9D%A2%E8%A9%A6%E8%80%83%E9%A1%8C%E9%9B%86%E9%8C%A6/
  • https://www.ptt.cc/bbs/Soft_Job/M.1461981425.A.E04.html
  • system design
    • https://github.com/checkcheckzz/system-design-interview
    • http://www.hiredintech.com/system-design