Skip to content

Commit 91bf18b

Browse files
committed
Clase 65
1 parent ae6e776 commit 91bf18b

File tree

6 files changed

+140
-3
lines changed

6 files changed

+140
-3
lines changed

README.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -102,9 +102,7 @@ Fecha | Teoría | Recursos | Contenido
102102
27/03/19 | [Clase 62](teoria/clase62.md) | [Clase 62](recursos/clase62.md) | WebSockets: Fundamentos
103103
29/03/19 | [Clase 63](teoria/clase63.md) | [Clase 63](recursos/clase63.md) | Intro al backend + def. PFM
104104
01/04/19 | [Clase 64](teoria/clase64.md) | [Clase 64](recursos/clase64.md) | Frameworks III: Angular con [Jon Rojí](https://twitter.com/jnroji)
105-
106-
107-
105+
03/04/19 | [Clase 65](teoria/clase65.md) | [Clase 65](recursos/clase65.md) | Frameworks IV: React con [Javier Vidal](https://twitter.com/JaVidalPe)
108106

109107

110108
[Temario](https://coggle.it/diagram/W5ZfeGRd293lprIt/t/master-js-y-node-de-fictizia)

assets/README.md

+8
Original file line numberDiff line numberDiff line change
@@ -555,3 +555,11 @@
555555
### clase64
556556

557557
- https://s3-us-west-2.amazonaws.com/angular-templates/imgs/angularmeta.png
558+
559+
560+
### clase65
561+
562+
- https://www.fictizia.com/app/images/javier-vidal.jpeg
563+
- https://cdn-images-1.medium.com/max/2000/1*HSisLuifMO6KbLfPOKtLow.jpeg
564+
565+
Loading
Loading

recursos/clase65.md

+57
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
![shieldsIO](https://img.shields.io/github/issues/Fictizia/Master-en-programacion-fullstack-con-JavaScript-y-Node.js_ed2.svg)
2+
![shieldsIO](https://img.shields.io/github/forks/Fictizia/Master-en-programacion-fullstack-con-JavaScript-y-Node.js_ed2.svg)
3+
![shieldsIO](https://img.shields.io/github/stars/Fictizia/Master-en-programacion-fullstack-con-JavaScript-y-Node.js_ed2.svg)
4+
5+
![WideImg](http://fictizia.com/img/github/Fictizia-plan-estudios-github.jpg)
6+
7+
# Máster en Programación FullStack con JavaScript y Node.js
8+
### JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing
9+
10+
## Clase 65
11+
12+
### React
13+
14+
**Documentación**
15+
- [Web oficial](https://reactjs.org/)
16+
- [Documentación](https://reactjs.org/docs/getting-started.html)
17+
- [Tutorial](https://reactjs.org/tutorial/tutorial.html)
18+
- [Community](https://reactjs.org/community/support.html)
19+
- [Blog](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html)
20+
- [Github](https://github.com/facebook/react/)
21+
- [@reactjs en Twitter](https://twitter.com/reactjs?lang=es)
22+
23+
**Ecosistema**
24+
- [Jest](https://facebook.github.io/jest/)
25+
- [Redux](https://redux.js.org)
26+
- [Reflux](https://github.com/reflux/refluxjs)
27+
- [Flux](https://facebook.github.io/flux/)
28+
- [Flow](https://flow.org/)
29+
30+
**Recursos**
31+
- [Wikipedia | React](https://es.wikipedia.org/wiki/React)
32+
- [enaqx/awesome-react](https://github.com/enaqx/awesome-react)
33+
- [brillout/awesome-react-components](https://github.com/brillout/awesome-react-components)
34+
- [SaraVieira/awesome-react-platforms](https://github.com/SaraVieira/awesome-react-platforms)
35+
- [TodoMVC React](http://todomvc.com/examples/react/#/)
36+
- [React Ecosystem Guide](https://itnext.io/react-ecosystem-guide-4a5f85d17623)
37+
- [15 Awesome React Components](https://tutorialzine.com/2017/11/15-awesome-react-components)
38+
- [Learn React.js in 5 minutes](https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4)
39+
- [How to Become a React Native Developer in 2018](https://hackernoon.com/how-to-become-a-react-native-developer-in-2018-d9bc85e1d91f)
40+
- [All the fundamental React.js concepts, jammed into this single Medium article](https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2)
41+
- [The most important lessons I’ve learned after a year of working with React](https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981)
42+
- [Yes, React is taking over front-end development. The question is why.](https://medium.freecodecamp.org/yes-react-is-taking-over-front-end-development-the-question-is-why-40837af8ab76)
43+
- [Facebook just changed the license on React. Here’s a 2-minute explanation why.](https://medium.freecodecamp.org/facebook-just-changed-the-license-on-react-heres-a-2-minute-explanation-why-5878478913b2)
44+
- [After building my first React Native app, I’m now convinced it’s the future](https://medium.freecodecamp.org/after-building-my-first-react-native-app-im-now-convinced-it-s-the-future-d3c5e74f8fa8)
45+
- [Evolving Patterns in React](https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f)
46+
- [Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)](https://medium.com/reverdev/why-we-moved-from-angular-2-to-vue-js-and-why-we-didnt-choose-react-ef807d9f4163)
47+
- [I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd)
48+
- [Our Best Practices for Writing React Components](https://engineering.musefind.com/our-best-practices-for-writing-react-components-dec3eb5c3fc8)
49+
- [Progressive Web Apps with React.js: Part I — Introduction](https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12)
50+
- [React Native at Airbnb](https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c)
51+
- [React Native at Airbnb: The Technology](https://medium.com/airbnb-engineering/react-native-at-airbnb-the-technology-dafd0b43838)
52+
- [10 React mini-patterns](https://hackernoon.com/10-react-mini-patterns-c1da92f068c5)
53+
- [How to better organize your React applications?](https://medium.com/@alexmngn/how-to-better-organize-your-react-applications-2fd3ea1920f1)
54+
- [What are the main differences between ReactJS and React-Native?](https://medium.com/@alexmngn/from-reactjs-to-react-native-what-are-the-main-differences-between-both-d6e8e88ebf24)
55+
- [React Component Patterns](https://levelup.gitconnected.com/react-component-patterns-ab1f09be2c82)
56+
- [Step by Step Guide To Building React Redux Apps](https://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a)
57+
- [11 mistakes I’ve made during React Native / Redux app development](https://medium.com/dailyjs/11-mistakes-ive-made-during-react-native-redux-app-development-8544e2be9a9)

teoria/clase65.md

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
![shieldsIO](https://img.shields.io/github/issues/Fictizia/Master-en-programacion-fullstack-con-JavaScript-y-Node.js_ed2.svg)
2+
![shieldsIO](https://img.shields.io/github/forks/Fictizia/Master-en-programacion-fullstack-con-JavaScript-y-Node.js_ed2.svg)
3+
![shieldsIO](https://img.shields.io/github/stars/Fictizia/Master-en-programacion-fullstack-con-JavaScript-y-Node.js_ed2.svg)
4+
5+
![WideImg](http://fictizia.com/img/github/Fictizia-plan-estudios-github.jpg)
6+
7+
# Máster en Programación FullStack con JavaScript y Node.js
8+
### JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing
9+
10+
## Clase 65
11+
12+
### Profesor invitado: Javier Vidal en el Master!
13+
14+
![IMG](../assets/clase65/40312e84-8aa5-487a-be0a-5a58bdfd062b.jpeg)
15+
16+
Frontend Team Lead en Sngular, Javier es un programador con experiencia en lenguajes de Back y Front. Ha trabajado siempre en el mundo startup usando diferentes tecnologías; desde el desarrollo con Windows Phone a programación de microservicios en Java, pasando por el desarrollo de aplicaciones de escritorio en .NET o el desarrollo web con PHP. Actualmente trabajando en React, ha encontrado en ES6 la oportunidad de aplicar las buenas prácticas de la programación orientada a objetos al Frontend web.
17+
18+
**Redes Sociales**
19+
20+
- [@JaVidalPe en Twitter](https://twitter.com/JaVidalPe)
21+
- [Github](https://github.com/javidalpe)
22+
- [Linkedin](https://www.linkedin.com/in/javidalpe/)
23+
24+
**Cursos en Fictizia**
25+
- [Curso de React + Redux](https://fictizia.com/formacion/curso-react-js-redux)
26+
27+
### React
28+
![img](../assets/clase65/e8abad6a-e7ac-420d-a435-748219990e3b.jpeg)
29+
30+
**Documentación**
31+
- [Web oficial](https://reactjs.org/)
32+
- [Documentación](https://reactjs.org/docs/getting-started.html)
33+
- [Tutorial](https://reactjs.org/tutorial/tutorial.html)
34+
- [Community](https://reactjs.org/community/support.html)
35+
- [Blog](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html)
36+
- [Github](https://github.com/facebook/react/)
37+
- [@reactjs en Twitter](https://twitter.com/reactjs?lang=es)
38+
39+
**Ecosistema**
40+
- [Jest](https://facebook.github.io/jest/)
41+
- [Redux](https://redux.js.org)
42+
- [Reflux](https://github.com/reflux/refluxjs)
43+
- [Flux](https://facebook.github.io/flux/)
44+
- [Flow](https://flow.org/)
45+
- [React Native](https://facebook.github.io/react-native/)
46+
47+
**Recursos**
48+
- [Wikipedia | React](https://es.wikipedia.org/wiki/React)
49+
- [enaqx/awesome-react](https://github.com/enaqx/awesome-react)
50+
- [brillout/awesome-react-components](https://github.com/brillout/awesome-react-components)
51+
- [SaraVieira/awesome-react-platforms](https://github.com/SaraVieira/awesome-react-platforms)
52+
- [TodoMVC React](http://todomvc.com/examples/react/#/)
53+
- [React Ecosystem Guide](https://itnext.io/react-ecosystem-guide-4a5f85d17623)
54+
- [15 Awesome React Components](https://tutorialzine.com/2017/11/15-awesome-react-components)
55+
- [Learn React.js in 5 minutes](https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4)
56+
- [How to Become a React Native Developer in 2018](https://hackernoon.com/how-to-become-a-react-native-developer-in-2018-d9bc85e1d91f)
57+
- [All the fundamental React.js concepts, jammed into this single Medium article](https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2)
58+
- [The most important lessons I’ve learned after a year of working with React](https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981)
59+
- [Yes, React is taking over front-end development. The question is why.](https://medium.freecodecamp.org/yes-react-is-taking-over-front-end-development-the-question-is-why-40837af8ab76)
60+
- [Facebook just changed the license on React. Here’s a 2-minute explanation why.](https://medium.freecodecamp.org/facebook-just-changed-the-license-on-react-heres-a-2-minute-explanation-why-5878478913b2)
61+
- [After building my first React Native app, I’m now convinced it’s the future](https://medium.freecodecamp.org/after-building-my-first-react-native-app-im-now-convinced-it-s-the-future-d3c5e74f8fa8)
62+
- [Evolving Patterns in React](https://medium.freecodecamp.org/evolving-patterns-in-react-116140e5fe8f)
63+
- [Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)](https://medium.com/reverdev/why-we-moved-from-angular-2-to-vue-js-and-why-we-didnt-choose-react-ef807d9f4163)
64+
- [I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd)
65+
- [Our Best Practices for Writing React Components](https://engineering.musefind.com/our-best-practices-for-writing-react-components-dec3eb5c3fc8)
66+
- [Progressive Web Apps with React.js: Part I — Introduction](https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12)
67+
- [React Native at Airbnb](https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c)
68+
- [React Native at Airbnb: The Technology](https://medium.com/airbnb-engineering/react-native-at-airbnb-the-technology-dafd0b43838)
69+
- [10 React mini-patterns](https://hackernoon.com/10-react-mini-patterns-c1da92f068c5)
70+
- [How to better organize your React applications?](https://medium.com/@alexmngn/how-to-better-organize-your-react-applications-2fd3ea1920f1)
71+
- [What are the main differences between ReactJS and React-Native?](https://medium.com/@alexmngn/from-reactjs-to-react-native-what-are-the-main-differences-between-both-d6e8e88ebf24)
72+
- [React Component Patterns](https://levelup.gitconnected.com/react-component-patterns-ab1f09be2c82)
73+
- [Step by Step Guide To Building React Redux Apps](https://medium.com/@rajaraodv/step-by-step-guide-to-building-react-redux-apps-using-mocks-48ca0f47f9a)
74+
- [11 mistakes I’ve made during React Native / Redux app development](https://medium.com/dailyjs/11-mistakes-ive-made-during-react-native-redux-app-development-8544e2be9a9)

0 commit comments

Comments
 (0)