Meetups are for Meeting People. â Introduce yourself. â Learn together. â Share experiences. â Offer support after the meetup (slack, meetup discussion ...
Introduce yourself Learn together Share experiences Offer support after the meetup (slack, meetup discussion board) Network Share your knowledge
New Slack Channel
● latinodevs.slack.com/
Technology Events June 2018 ● ● ● ● ●
DeveloperWeek, June 19-20 Amazon Loft SoHo - Ongoing events Smashing Magazine Conference, Toronto 26-27 Priceline.com Hackathon for Social Good, June 23 Web Performance Group, June 27
Technology Events July 2018 ● ●
The AWS Summit, July 16-17 Immigrant Hackathon June 29 -July 1
Have an event to announce?
JOBS ● ● ●
Web Developer. AECOM. Government Projects UI Developer. TD Ameritrade. Product Frontend Developer. Dash. Online Media
Is your company hiring? Do you have an open source project?
When do you need to use ReactJS? React is a JS library for building maintainable and fast user interfaces. React architecture is based in components. React uses a virtual DOM that helps rendering changes in your UI faster. React dev environment has grown immensely. It has become and essential skill for all front-end developers You don't… Make a website with react. Use react or any other technology because is cool. Use a technology without first understanding what you project needs.
Small Intro to the Virtual Dom.
● Understand how a website is built by the browser. (DOM tree) ● Understand the difference between a website, UI and a web app ● Framework VS Library
● ● ● ● ●
React is Javascript It uses syntax ES6 It uses babel to compile the ES6 It uses JSX to render HTML and JS NPM or YARN to install packages
● DEMO TIME Regular DOM updates vs React Virtual DOM https://github.com/jscomplete/react-virtual-dom-demo
Props and State ● ●
Props are static data, it does not change State is dynamic data, it changes by using react method setState
Props are used to share data between components parent to child. States are more complex and are the most useful feature of react. Components can be stateful or stateless http://hacktivist.in/articles/React-es6-constructor-super
What is CODEPEN?
● ● ● ● ● ● ● ● ●
Online code editor Emmet and shortcuts Online development environment (console) Host images and assets (PRO feature) Process SASS or ES6 View compiled code Teaching and presentation tool Fork pens Allow for folders and files upload (PROJECTS)
Chris Coyer
● ● ● ● ● ● ●
Prolific coder and contributor CSStricks.com Co-founder of CodePen ShopTalk podcast Extensive work with WordPress Author: Practical SVG Fine Arts Graduate
Benefits of building your React Portfolio on CodePen
● ● ● ● ● ● ● ●
Runs your app without installing anything Easy to share Visual impact Showcase your app Publish articles Track views Export code Save in GitHub
Issues with CodePen
● ● ● ● ● ●
Can't test on mobile Hosted images require a PRO account Issues with external assets using HTTPS No github integration No JS autocomplete Console seems buggy
React to creating native mobile applications that can run offlineUse Facebook's Relay, React and ... and how to handle offline development with React Native.
recipient of your portfolio for their specific required format and components. ... continually update a file of potential supporting items (e.g. references from students ... Description of Teaching Responsibilities and Experiences (Part A.i.).
most provide these resources online, typically through an employee assistance program. (EAP) or an intranet portal managed by the .... Ongoing communication and marketing of eldercare benefit programs is critical to raising employee awareness and upt
SPICE IT UP. SOLO SPICE. One main, one base, one salad, three toppings, one side/sweet. PARTY SPICE (FOR 2). Two mains, two bases (served separately),.
This coursework is developed on GitHub, at www.github.com/CodeClub. Step 1: Giving your robot eyes. Let's give your robot some eyes! Activity Checklist.
of Caregivers (NAC) and AARP Public Policy Institute, 61% of employee caregivers report having .... most provide these resources online, typically through an employee assistance program. (EAP) or an ...... are managed by a Master's-level gerontologis
adapted one of those design patterns or created a new one. ... established design patterns. ..... fit in a container and exactly how many containers they'd need.
over to the development under TEDU. Project O ce. Conceptual & Web Designer. Summer Academy Project Q4'16. Designed custom appliance to be utilized in.