ethan-deng

• Unusable on small screens
• http://www.quirksmode.org/mobile/viewports.html
• http://www.quirksmode.org/mobile/viewports2.html
• Bad repositioning when closing keyboard after editing a TextField on mobile
• http://www.kylejlarson.com/blog/iphone-6-screen-size-web-design-tips/
• https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
• https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
• http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
• https://github.com/contra/react-responsive

ethan-deng

• An NPM module could be loaded from either dist or lib folder. It is defined in the package.json file "main".
• Change made directly to lib or dist folder will cause the wrong lines in debugger.
• Example to build the dependencies

1. Download draft-js-export-html-master
2. Run "npm install".
3. Change the source code
4. Run "npm run build" to build the code to lib folder.
5. Download react-rte

ethan-deng

React stuff

• Brunch
• Brunch
• classnames
• class-autobind
• css-modules-require-hook
• css-modules
• Local scope
• CSS Modules - Welcome to the Future

ethan-deng

RichTextEditor

• Awesome Draft.js
• DRAFTJS EXAMPLES
• element-resize-event
• react-component-width-mixin
• react-resizable-and-movable
• react-resizable

ethan-deng

ES6 Promises

• ES6 Promises
• Promise MDN
• es6-promise
• Promises for asynchronous programming
• Promise Patterns & Anti-Patterns
• Understanding JavaScript’s async await

ethan-deng

SharePoint Rest API

• Get to know the SharePoint 2013 REST service
• Complete basic operations using SharePoint 2013 REST endpoints
• Access SharePoint 2013 data from add-ins using the cross-domain library
• Develop SharePoint Add-ins
• Working with lists and list items with REST
• Working with folders and files with REST
• Use OData query operations in SharePoint REST requests
• Determine SharePoint REST service endpoint URIs

ethan-deng

• npm install express

• npm install -g node-inspector

• npm install -g devtool

• devtool app.js --watch

• npm install mongodb

ethan-deng

• wunderlist.com
• trello.com
• Asana.com
• Zapier.com
• Microsoft Flow

https://mailgun.com https://context.io

ethan-deng

Redux-vs-Alt

A line by line comparison of Redux and Alt's implementation of Dan Abramov's Todo list example

Redux is getting hot! The trend can be seen from this Redex vs Alt NPM trend chart. However the framework of Alt + AltContainer is a much more concise and much easier to understand than Redux.

It seems Alt is not getting as much attention as Redux. There may be a few reasons for this. First, the best coding approach of Alt + AltContainer is not well documented. Second, even though Alt came out earlier than Redux but AltContainer is a few months later than Redux. Third, Dan Abramov the author of both React Hot Loader and Redux is a better known figure.

If you haven't heard of Alt, please read along and see why I think Alt is much easier than Redux. This is a line by line comparison of Dan Abramove's Todo list demo for Redux and my porting of the Todo list to Alt implementation.

To run the [sample code from Github](https://github.com/eth

ethan-deng

NPM Install Error

To solve this issue when running "npm install", install Visual Studio 2015 and then

"File" -> "New Project" -> choose C++ template and install C++ support.

Microsoft Windows [Version 10.0.10586]
(c) 2015 Microsoft Corporation. All rights reserved.