Nodeschool: From Zero To React

Register here (Not required, but will help us 😉)
👉 https://rmbrk.typeform.com/to/xXoYFi 👈

Facebook Event https://www.facebook.com/events/2127383124244918/

This event is suitable for newcomers with little to no javascript experience. If you have some experience with javascript, you will have a recapitulation of the parts that are essential for React development.

🎓Join us as a mentor if you are experienced with Javascript and React. You will learn from the experience of teaching others.

🎤 main speaker/mentor Marcel Mokoš -
Medium publications:

• https://medium.com/ableneo
• https://medium.com/@marcelmokos
  github: https://github.com/marcelmokos
  twitter: https://twitter.com/MarcelMokos

🧸 mentors/helping hands
Olšo - (https://github.com/olso, https://twitter.com/olso_uznebolo, https://olso.space)

💻 Bring your notebook. If you do not have a suitable device, please write a comment and ask others for help.

🥤☕️🍰 Sponsor in negotiation 👻

You will learn good parts of javascript that will help you start with React. We will be using any latest browser preferable chrome and https://codesandbox.io for exercises and built-in testing library https://jestjs.io/.

You do not need to have Node and NPM installed for the event, but you can install it or update on your system before the event.

We will start with a recapitulation of javascript for newcomers

1. Primitive data types https://developer.mozilla.org/en-US/docs/Glossary/Primitive
2. Difference between Null and Undefined https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null#Difference_between_null_and_undefined
3. Variables and Constants https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const
4. What is a javascript Object https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
5. An object can have Properties https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#Properties_of_the_Object_constructor
6. An object can have Methods https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#Methods_of_the_Object_constructor
7. There are standard built-in global objects in Javascript https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects
8. We will demonstrate passing arguments to Functions as an Input and explain that function can return an output
9. A function can have a name or exist without a function name

Break 🥤☕️🍰

Javascript the good parts frequently used in React

1. Testing Javascript instead of debugging with console.log using https://jestjs.io/
2. Shortcut for if statement https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
3. Default function parameters https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters
4. Destructuring assignment https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
5. Destructuring in a function parameters
6. Iterating over List or Collection of Objects https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Break 🥤☕️🍰

React introduction.

Time to shine with react

1. Our first functional component
2. Composing components and passing props to children components
3. Conditionals in render
4. Iterating over collection in the render
5. difference between react's defaultProps and default function parameters

⁉️ Please if you have any question to the description or the event ask here using comments.

We do not know if we will be able to cover the whole program for the event. The plan is to follow with an event entirely focused on React development.