Skip to content

Instantly share code, notes, and snippets.

@dsdemaria
Created November 29, 2016 02:28
Show Gist options
  • Save dsdemaria/69385a54fbd0126355daf8f2fa7d6988 to your computer and use it in GitHub Desktop.
Save dsdemaria/69385a54fbd0126355daf8f2fa7d6988 to your computer and use it in GitHub Desktop.
this.state = {
weeks: [
{
week: [
{
title: 'JavaScript Assessment',
link: 'https://github.com/rmurphey/js-assessment',
description: 'This is a description.',
},
{
title: 'DevDocs, offline version',
link: 'http://devdocs.io/offline',
description: 'This is a description.',
},
{
title: 'FunFunFunctions: Higher Order Functions',
link: 'https://www.youtube.com/watch?v=BMUiFMZr7vk&list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84',
description: 'This is a description.',
},
{
title: 'FunFunFunctions: ES6/2015 var, let, and const',
link: 'https://www.youtube.com/watch?v=sjyJBL5fkp8',
description: 'This is a description.',
},
{
title: 'FunFunFunctions: ES6/2015 arrow functions',
link: 'https://www.youtube.com/watch?v=6sQDTgOqh-I',
description: 'This is a description.',
},
{
title: 'Industry Talk: Women in tech',
link: 'http://tech.co/dc-is-the-top-city-for-women-in-tech-2016-02',
description: 'This is a description.',
},
{
title: 'JavaScript - Understanding the Weird Parts',
link: 'https://www.udemy.com/understand-javascript/',
description: 'This is a description.',
},
{
title: 'ES6 at a glance',
link: 'http://es6-features.org/',
description: 'This is a description.',
},
{
title: 'Essential ES6 / ES2015 JavaScript',
link: 'https://www.youtube.com/watch?v=CozSF5abcTA',
description: 'This is a description.',
},
{
title: 'Javascript ES6 Cheatsheet - the best of JS ES6',
link: 'https://www.youtube.com/watch?v=AfWYO8t7ed4',
description: 'This is a description.',
},
],
},
{
week: [
{
title: 'AirBnb Styleguide',
link: 'https://github.com/airbnb/javascript',
description: 'This is a description.',
},
{
title: 'Learn ES6 (ECMAScript 2015) - Course by @johnlindquist',
link: 'https://egghead.io/courses/learn-es6-ecmascript-2015',
description: 'This is a description.',
},
{
title: 'Learn Four Semesters of Computer Science in 5 Hours w/ Brian Holt',
link: 'https://frontendmasters.com/courses/computer-science/',
description: 'This is a description.',
},
{
title: 'Git Intro',
link: 'http://www-cs-students.stanford.edu/~blynn/gitmagic/',
description: 'This is a description.',
},
{
title: 'Sublime Text Power User Book by Wes Bos',
link: 'https://sublimetextbook.com/',
description: 'This is a description.',
},
{
title: 'Atom keyboard shortcuts',
link: '',
description: 'This is a description.',
},
],
},
{
week: [
{
title: 'Thinking in React',
link: 'https://facebook.github.io/react/docs/thinking-in-react.html',
description: 'This is a description.',
},
{
title: 'REACT JS TUTORIAL #2 - Reactjs Components & Rendering',
link: 'https://www.youtube.com/watch?v=fd2Cayhez58&feature=youtu.be',
description: 'This is a description.',
},
{
title: 'REACT JS TUTORIAL #3 - Composing Multiple React.js Components',
link: 'https://www.youtube.com/watch?v=vu_rIMPROoQ',
description: 'This is a description.',
},
{
title: 'REACT JS TUTORIAL #4 - State vs Props & Application Data',
link: 'https://www.youtube.com/watch?v=qh3dYM6Keuw&t=79s',
description: 'This is a description.',
},
{
title: 'React on ES6+',
link: 'https://babeljs.io/blog/2015/06/07/react-on-es6-plus',
description: 'This is a description.',
},
{
title: 'Learn ES2015 · Babel',
link: 'https://babeljs.io/docs/learn-es2015/',
description: 'This is a description.',
},
{
title: 'Our First 50,000 Stars - React Blog (History of React)',
link: 'https://facebook.github.io/react/blog/2016/09/28/our-first-50000-stars.html',
description: 'This is a description.',
},
{
title: 'Ashley Williams: If you wish to learn ES6/2015 from scratch, you must first invent the universe',
link: 'https://youtu.be/DN4yLZB1vUQ',
description: 'This is a description.',
},
{
title: 'React Developer Tools (for Chrome)',
link: 'https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi',
description: 'This is a description.',
},
],
},
{
week: [
{
title: 'React for Beginners',
link: 'https://reactforbeginners.com/',
description: 'With a focus on simplicity and readability, this course will have you building real time applications and dynamic website components in no time!',
},
{
title: 'Top 5 Tutorials for Getting Started with React',
link: 'http://andrewhfarmer.com/getting-started-tutorials/',
description: 'Five tutorials for a variety of skill levels.',
},
{
title: 'React Stateless Functional Components: Nine Wins You Might Have Overlooked',
link: 'https://medium.com/@housecor/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc#.oxjfw7n8b',
description: 'React .14 introduced a simpler way to define components called stateless functional components. These components use plain JavaScript functions. Here’s the before and after in ES6:',
},
{
title: 'ReactJS Basics - #7 Events & ReactJS',
link: 'https://www.youtube.com/watch?v=OcM__8q6p4c&list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS&index=8',
description: 'User Input is extremely important, which is why we need to handle Events, too. ReactJS makes this very easy as this video shows.',
},
{
title: 'ReactJS Basics - #8 State of Components',
link: 'https://www.youtube.com/watch?v=e5n9j9n83OM&list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS&index=9',
description: 'Updating and re-rendering the DOM would be nice. ReactJS uses State to - well - track the State of a Component and decide if it needs to update the DOM.',
},
{
title: 'ReactJS Basics - #9 How does ReactJS update the DOM?',
link: 'https://www.youtube.com/watch?v=Iw2BLUjQo1E&index=10&list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS',
description: 'How does ReactJS update the DOM? This Tutorial explains how ReactJS finds out if and which parts need to be updated.',
},
{
title: 'ReactJS Basics - #10 Stateless Components',
link: 'https://www.youtube.com/watch?v=SEkfzqIgvTo&index=11&list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS',
description: "Some ReactJS Components don't need State. Just leave it out then - learn more about Stateless Components.",
},
],
},
],
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment