├── .babelrc ├── .gitignore ├── demo ├── favicon.ico └── index.html ├── slides ├── img │ ├── me.jpg │ ├── favicon.ico │ └── logo.svg ├── lib │ ├── font │ │ ├── league-gothic │ │ │ ├── LICENSE │ │ │ ├── league-gothic.eot │ │ │ ├── league-gothic.ttf │ │ │ ├── league-gothic.woff │ │ │ └── league-gothic.css │ │ └── source-sans-pro │ │ │ ├── source-sans-pro-italic.eot │ │ │ ├── source-sans-pro-italic.ttf │ │ │ ├── source-sans-pro-italic.woff │ │ │ ├── source-sans-pro-regular.eot │ │ │ ├── source-sans-pro-regular.ttf │ │ │ ├── source-sans-pro-regular.woff │ │ │ ├── source-sans-pro-semibold.eot │ │ │ ├── source-sans-pro-semibold.ttf │ │ │ ├── source-sans-pro-semibold.woff │ │ │ ├── source-sans-pro-semibolditalic.eot │ │ │ ├── source-sans-pro-semibolditalic.ttf │ │ │ ├── source-sans-pro-semibolditalic.woff │ │ │ ├── source-sans-pro.css │ │ │ └── LICENSE │ ├── lib │ │ ├── font │ │ │ ├── league-gothic │ │ │ │ ├── LICENSE │ │ │ │ ├── league-gothic.eot │ │ │ │ ├── league-gothic.ttf │ │ │ │ ├── league-gothic.woff │ │ │ │ └── league-gothic.css │ │ │ └── source-sans-pro │ │ │ │ ├── source-sans-pro-italic.eot │ │ │ │ ├── source-sans-pro-italic.ttf │ │ │ │ ├── source-sans-pro-italic.woff │ │ │ │ ├── source-sans-pro-regular.eot │ │ │ │ ├── source-sans-pro-regular.ttf │ │ │ │ ├── source-sans-pro-regular.woff │ │ │ │ ├── source-sans-pro-semibold.eot │ │ │ │ ├── source-sans-pro-semibold.ttf │ │ │ │ ├── source-sans-pro-semibold.woff │ │ │ │ ├── source-sans-pro-semibolditalic.eot │ │ │ │ ├── source-sans-pro-semibolditalic.ttf │ │ │ │ ├── source-sans-pro-semibolditalic.woff │ │ │ │ ├── source-sans-pro.css │ │ │ │ └── LICENSE │ │ ├── js │ │ │ ├── html5shiv.js │ │ │ └── classList.js │ │ └── css │ │ │ └── zenburn.css │ ├── js │ │ ├── html5shiv.js │ │ └── classList.js │ └── css │ │ └── zenburn.css ├── plugin │ ├── markdown │ │ ├── example.md │ │ └── example.html │ ├── plugin │ │ ├── markdown │ │ │ ├── example.md │ │ │ └── example.html │ │ ├── multiplex │ │ │ ├── client.js │ │ │ ├── package.json │ │ │ ├── master.js │ │ │ └── index.js │ │ ├── print-pdf │ │ │ └── print-pdf.js │ │ ├── math │ │ │ └── math.js │ │ ├── notes-server │ │ │ ├── index.js │ │ │ └── client.js │ │ └── notes │ │ │ └── notes.js │ ├── multiplex │ │ ├── client.js │ │ ├── package.json │ │ ├── master.js │ │ └── index.js │ ├── print-pdf │ │ └── print-pdf.js │ ├── math │ │ └── math.js │ ├── notes-server │ │ ├── index.js │ │ └── client.js │ └── notes │ │ └── notes.js └── css │ ├── theme │ ├── source │ │ ├── night.scss │ │ ├── serif.scss │ │ ├── league.scss │ │ ├── simple.scss │ │ ├── sky.scss │ │ ├── beige.scss │ │ ├── black.scss │ │ ├── white.scss │ │ ├── moon.scss │ │ ├── solarized.scss │ │ └── blood.scss │ ├── template │ │ ├── settings.scss │ │ └── mixins.scss │ ├── README.md │ ├── night.css │ ├── serif.css │ ├── moon.css │ └── solarized.css │ ├── css │ ├── theme │ │ ├── source │ │ │ ├── night.scss │ │ │ ├── serif.scss │ │ │ ├── league.scss │ │ │ ├── simple.scss │ │ │ ├── sky.scss │ │ │ ├── white.scss │ │ │ ├── beige.scss │ │ │ ├── black.scss │ │ │ ├── moon.scss │ │ │ ├── solarized.scss │ │ │ └── blood.scss │ │ ├── template │ │ │ ├── settings.scss │ │ │ └── mixins.scss │ │ ├── README.md │ │ ├── night.css │ │ ├── serif.css │ │ └── moon.css │ └── print │ │ ├── pdf.css │ │ └── paper.css │ └── print │ ├── pdf.css │ └── paper.css ├── src ├── config │ └── index.js ├── components │ ├── about.jsx │ ├── title.jsx │ ├── nav-link.jsx │ ├── app.jsx │ ├── notes.jsx │ ├── form.jsx │ └── demo.jsx ├── data │ └── index.js ├── index.js └── index.scss ├── subjects ├── communication-between-components │ └── README.md ├── displaying-lists │ └── README.md ├── react-router │ └── README.md ├── stateless-components │ └── README.md └── forms │ └── README.md ├── server.js ├── README.md ├── LICENSE ├── webpack.config.js ├── package.json ├── .sass-lint.yml └── .eslintrc /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react", "es2015"] 3 | } 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log* 3 | node_modules 4 | demo/*.js 5 | -------------------------------------------------------------------------------- /demo/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/demo/favicon.ico -------------------------------------------------------------------------------- /slides/img/me.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/img/me.jpg -------------------------------------------------------------------------------- /slides/img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/img/favicon.ico -------------------------------------------------------------------------------- /slides/lib/font/league-gothic/LICENSE: -------------------------------------------------------------------------------- 1 | SIL Open Font License (OFL) 2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | -------------------------------------------------------------------------------- /slides/lib/lib/font/league-gothic/LICENSE: -------------------------------------------------------------------------------- 1 | SIL Open Font License (OFL) 2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | -------------------------------------------------------------------------------- /src/config/index.js: -------------------------------------------------------------------------------- 1 | import { translations } from '../data'; 2 | 3 | const languages = Object.keys(translations); 4 | 5 | export { languages }; 6 | -------------------------------------------------------------------------------- /slides/lib/font/league-gothic/league-gothic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/league-gothic/league-gothic.eot -------------------------------------------------------------------------------- /slides/lib/font/league-gothic/league-gothic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/league-gothic/league-gothic.ttf -------------------------------------------------------------------------------- /slides/lib/font/league-gothic/league-gothic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/league-gothic/league-gothic.woff -------------------------------------------------------------------------------- /slides/lib/lib/font/league-gothic/league-gothic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/league-gothic/league-gothic.eot -------------------------------------------------------------------------------- /slides/lib/lib/font/league-gothic/league-gothic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/league-gothic/league-gothic.ttf -------------------------------------------------------------------------------- /slides/lib/lib/font/league-gothic/league-gothic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/league-gothic/league-gothic.woff -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-italic.eot -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-italic.ttf -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-italic.woff -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-regular.eot -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-regular.ttf -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-regular.woff -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-semibold.eot -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-semibold.ttf -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-semibold.woff -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-italic.eot -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-italic.ttf -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-italic.woff -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-regular.eot -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-regular.ttf -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-regular.woff -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-semibold.eot -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-semibold.ttf -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-semibold.woff -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf -------------------------------------------------------------------------------- /slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff -------------------------------------------------------------------------------- /subjects/communication-between-components/README.md: -------------------------------------------------------------------------------- 1 | # Communication Between Components 2 | 3 | Links 4 | 5 | * https://facebook.github.io/react/tips/communicate-between-components.html 6 | -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf -------------------------------------------------------------------------------- /slides/lib/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kikoruiz/react-course/HEAD/slides/lib/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff -------------------------------------------------------------------------------- /subjects/displaying-lists/README.md: -------------------------------------------------------------------------------- 1 | # Displaying Lists 2 | 3 | Links 4 | 5 | * https://facebook.github.io/react/docs/multiple-components.html 6 | * https://medium.com/@learnreact/container-components-c0e67432e005 7 | -------------------------------------------------------------------------------- /subjects/react-router/README.md: -------------------------------------------------------------------------------- 1 | # React Router 2 | 3 | Links 4 | 5 | * https://github.com/ReactTraining/react-router/tree/master/docs 6 | * https://medium.com/@dabit3/beginner-s-guide-to-react-router-53094349669 7 | -------------------------------------------------------------------------------- /src/components/about.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default function About () { 4 | return ( 5 |
Bla, bla, bla...
8 |