blog.freecodecamp.com

harrymoreno.com

Harry Moreno | React.js and Flux link roundup

http://harrymoreno.com/2015/01/31/React-JS-link-Roundup.html

Reactjs and Flux link roundup. Here’s a small collection of links for developers looking to learn. The official Facebook React docs. Do the official Tutorial. Read Thinking in React. Describes the core events that happen in a react component. Important. Page really helped me understand the difference between a react element and react component. When you start writing more complex jsx this if-else page. The difference between props vs state. A thrown to the wolves intro to react. Comments powered by Disqus.

harrymoreno.com

Harry Moreno | Scraping links with just your browser

http://harrymoreno.com/2015/01/01/Scraping-links-with-your-browser.html

Scraping links with just your browser. I recently came across a page with lots of links to txt files. I got frustrated when I wanted to look up something in these files but couldn’t because I’d have to download each one by one. ENTER THE BROWSER CONSOLE -. Run all this code in your browser console aka dev tools. Grab all links on the current page. This returns a jquery-like object. A bunch of key-value pairs. The values being DOM Objects. Sadly javascript doesn’t have a. Filter using the regex.

harrymoreno.com

Harry Moreno | Blog

http://harrymoreno.com/page2

Event Delegation in JavaScript. Event delegation is a method of simplifying otherwise very verbose event handling code in browsers. The method allows you to leverage the browser’s built-in event propagation system to execute logic based on user or network input. Class creation in javascript. Inifinite Scroll with jQuery. This was a fun solution I came up with for a friend. Variable Hoisting and expressions. What is a javascript closure. Substring Search in Javascript. Setting up Postgres for a New Project.

harrymoreno.com

Harry Moreno | Cool Mongoose Videos

http://harrymoreno.com/2015/04/24/Mongoose-vids.html

Introduction to week 7. Comments powered by Disqus. Substring Search in Javascript. Setting up Postgres for a New Project. Adding Unix aliases to OSX. Quirksmode - Peter-Paul Koch. Kyle Mitchell, attorney.

harrymoreno.com

Harry Moreno | Cool Mongo Videos

http://harrymoreno.com/2015/04/08/Mongo-Videos.html

Comments powered by Disqus. Substring Search in Javascript. Setting up Postgres for a New Project. Adding Unix aliases to OSX. Quirksmode - Peter-Paul Koch. Kyle Mitchell, attorney.

harrymoreno.com

Harry Moreno | Setting up Postgres for a Rails site

http://harrymoreno.com/2015/02/19/setting-up-postgres-for-rails-site.html

Setting up Postgres for a Rails site. Here’s a quick solution adding a specific user (aka role) in Postgres. If your rake complains. ActiveRecord: NoDatabaseError (FATAL: role " appName " does not exist Run $ bin/rake db:create db:migrate to create your database):. Or similar. Try the following. You may need to setup a user in Postgres for the project. If you get an error about the user not being able to create databases. If you need to delete this user run. And for completeness to drop a database.

harrymoreno.com

Harry Moreno | React on Rails

http://harrymoreno.com/2015/06/10/React-on-Rails.html

I gave a talk in April. On how I built an app using React.js with a Ruby on Rails JSON backend. The slides are below. If I were to build the thing over again I’d probably forego rake altogether for npm. Comments powered by Disqus. Substring Search in Javascript. Setting up Postgres for a New Project. Adding Unix aliases to OSX. Quirksmode - Peter-Paul Koch. Kyle Mitchell, attorney.

harrymoreno.com

Harry Moreno | How to add ESLint to a React Project

http://harrymoreno.com/2015/05/19/How-to-add-eslint-to-a-react-project.html

How to add ESLint to a React Project. This is how I add eslint to a javascript project. It also lints. Npm install babel babel-eslint eslint eslint-plugin-react. Then set in your. Also enable whatever rules you’d like from eslint-plugin-react. Eslint - ext=.js,.jsx .". Now you can lint your project by running. Note, this is an npm package.json convention. Alternatively you could name the task. Ignore any files from linting by adding. See also NPM Scripts. Comments powered by Disqus.