Up and Running with Universal Components and Expo in the Trenches

Up and Running with Universal Components and Expo in the Trenches  #reactnative

  • Up and Running with Universal Components 🎤 – – Kurtis Kemple and Samantha Bretous and Samantha are joining us this month from NYC!
  • Universal components are a great way to maximize impact while minimizing the amount of repeated work.
  • Join Samantha and Kurt as they walk through what universal components are, what are some best practices, and most importantly, what are some pitfalls to avoid!
  • Kurt is a React / React Native / GraphQL enthusiast 🙌 Co-organizer of @NYCGraphQL 🗓 Technical Writer 🖋 Mentor 🎓 Fine Dancer🕺 – – – – Samantha is a Software Engineer at MLS blending the gap between web and mobile development through universal components.
  • Now, he’s trying to build and maintain a cross platform native app using only JavaScript.

We’re back in April with some more React Native awesomeness!🎤 Up and Running with Universal Components 🎤Kurtis Kemple (https://twitter.com/kurtiskemple) and Samantha Bretous (https://twitter.com/sam
Continue reading “Up and Running with Universal Components and Expo in the Trenches”

Just the way of teaching @reactjs Workshop #1 starting tomorrow morning @ @ReactAmsterdam

Just the  way of teaching @reactjs

Workshop #1 starting tomorrow morning @ @ReactAmsterdam

  • Learned a lot!
  • Good introduction to the basics of React.
  • I see it as a very good starting point for further React development.
  • It was dynamic, learned a lot, and met new tools.
  • The best part were the interactivity and enthusiasm.

Interactive React and JavaScript workshop for public training, private company training, or conference workshops. The first workshop accompanied by an interactive web app for practical exercises.
Continue reading “Just the way of teaching @reactjs

Workshop #1 starting tomorrow morning @ @ReactAmsterdam”

5 Examples of React Native Applications Build on Open-Source APIs #javascriptEverywhere

5 Examples of #reactnative Applications Build on Open-Source APIs #javascriptEverywhere

  • Unofficial Gitter Application (source code)This unofficial application uses the Gitter API from Github, and was created by the people from Apiko.
  • It uses React Native in combination with Redux and React Navigation, making it a very stable application.
  • Definitely check out their source code if you are working on a (social media) platform using React Native.

Earlier I wrote a Medium post showing 5 projects that were build on top of Open-Source APIs using React. In this post I will continue showing you promising projects that use Open-Source APIs, this…
Continue reading “5 Examples of React Native Applications Build on Open-Source APIs #javascriptEverywhere”

What’s new in React 16.3(.0-alpha) – Bartosz Szczeciński – Medium

What’s new in #React 16.3(.0-alpha) | @btmpl @Medium  #JavaScript #ReactJS

  • The new API is accessible as React.createContext() and creates two components for us: – Creation of the new context via React.createContextCalling the factory function will return us an object that has a “Provider” and a “Consumer” in it.
  • The “Provider” is a special component which aims to provide data to all components in its sub-tree, so one example of usage would be: – Usage of the new context API — Context.ProviderHere we select a sub-tree (in this case, the whole tree) to which we want to pass our “theme” context,…
  • Next step is to use the Consumer: – Usage of the new context API — Context.ConsumerIf you happen to render the “Consumer” without embeding it in a corresponding “Provider”, the default value declared at createContext call will be used.
  • Please notice some things: – the consumer must have access to the same Context component — if you were to create a new context, with the same parameter as input, a new Context would be created and the data would not be passed.
  • For this reason please consider Context a component — it should be created once and then exported + imported whenever neededthe new syntax uses the function as child (sometime called render prop) pattern — if you’re not familiar with this pattern I recommend reading some articles on itit is no longer required to use…

React 16.3-alpha just hit npmjs and can be downloaded and added to your project. What are the biggest, most interesting changes? Context API was always a thing of mystery — it’s an official…
Continue reading “What’s new in React 16.3(.0-alpha) – Bartosz Szczeciński – Medium”

eBay Europe Technology #ebaytechtalk (Berlin, Deutschland)

  • Building a new web app on a green field is every developer’s dream.
  • Patrick shares the story of his own green field project, the relaunch of the online community MOTOR-TALK.
  • You’ll take away hands-on advice from real-world experience, to help you make your own code a little better every day, too!
  • Bio: Patrick Hund, lead frontend developer at mobile.de Patrick helps React and Node.js conquer the tech stack at eBay in Berlin.
  • Notable projects include relaunching the homepage of eBay’s car trading platform mobile.de in 2015 and the ongoing rewrite of eBay’s automotive online community MOTOR-TALK.

Product & development meetups coordinated across eBay’s European offices in London and Berlin. We want to support tech innovation in our communities. We also want great people to join our teams and ge
Continue reading “eBay Europe Technology #ebaytechtalk (Berlin, Deutschland)”

What’s new in React 16.3(.0-alpha) – Bartosz Szczeciński – Medium

  • It is definitely more “user friendly” and might make your life a bit easier when all you want is simple state management without the “overhead” of Redux or MobX.The new API is accessible as React.createContext() and creates two components for us:Creation of the new context via React.createContextCalling the factory function…
  • Next step is to use the Consumer:Usage of the new context API — Context.ConsumerIf you happen to render the “Consumer” without embeding it in a corresponding “Provider”, the default value declared at createContext call will be used.Please notice some things:the consumer must have access to the same Context component — if you were to…
  • For this reason please consider Context a component — it should be created once and then exported + imported whenever neededthe new syntax uses the function as child (sometime called render prop) pattern — if you’re not familiar with this pattern I recommend reading some articles on itit is no longer required to use…
  • New life-cycle methodsThe other RFC to make it into the alpha release concerns deprecation of some life-cycle methods and introduction of one (four) new.This change aims to enforce best practices (you can read up on why those functions can be tricky in my article on life-cycle methods) which will be…
  • Instead the function should return the updated state data, or null if no update is needed:Using getDerivedStateFromProps in order to update stateThe returned value behaves similarly to current setState value — you only need to return the part of state that changes, all other values will be preserved.Things to keep in mind:Remember to init state!You…

React 16.3-alpha just hit npmjs and can be downloaded and added to your project. What are the biggest, most interesting changes? Context API was always a thing of mystery — it’s an official…
Continue reading “What’s new in React 16.3(.0-alpha) – Bartosz Szczeciński – Medium”

Speaker feature for our friend @thekitze from 🔥 Excited to hear all the new things he sha…

  • Learned a lot!
  • Good introduction to the basics of React.
  • I see it as a very good starting point for further React development.
  • Very thorough introduction to React.
  • The presentations were very straightforward, especially with the format of the slides.

Interactive React and JavaScript workshop for public training, private company training, or conference workshops. The first workshop accompanied by an interactive web app for practical exercises.
Continue reading “Speaker feature for our friend @thekitze from 🔥

Excited to hear all the new things he sha…”

React: Securing Applications – Manny Henri

#learn  how to #secure your #reactjs #application with my new #course:  #javascript

  • After you’ve built and tested your React application, how can you ensure it is secure?
  • Applications that look great and perform well can still be at risk of attack.
  • This course provides clear, focused steps you can take to reinforce your React applications and authentication methods to defend against common threats.
  • First, instructor Emmanuel Henri explains how common attacks work and gets you started setting up solutions that can protect your applications.
  • Next, he shows how to improve the security of your authentication methods using Auth0, followed by how to protect APIs.

After you’ve built and tested your React application, how can you ensure it is secure? Applications that look great and perform well can still be at risk of attack. This course provides clear, focused steps you can take to reinforce your React applications and authentication methods to defend against common threats. First, instructor Emmanuel Henri explains how common attacks work and gets you started setting up solutions that can protect your applications. Next, he shows how to improve the security of your authentication methods using Auth0, followed by how to protect APIs. Then, he covers how to make app and feed components more secure. By the end of this course, you’ll be equipped with the best practices you need to safeguard your files, code, data, routes, servers, and users.
Continue reading “React: Securing Applications – Manny Henri”

Excited to partner up with to deliver @ReactJS Advanced Workshop including HOCs, #Redux and…

  • Learned a lot!
  • Good introduction to the basics of React.
  • I see it as a very good starting point for further React development.
  • Very thorough introduction to React.
  • The presentations were very straightforward, especially with the format of the slides.

Interactive React and JavaScript workshop for public training, private company training, or conference workshops. The first workshop accompanied by an interactive web app for practical exercises.
Continue reading “Excited to partner up with to deliver @ReactJS Advanced Workshop including HOCs, #Redux and…”

The Road to learn React [React.js Book]

  • Muhammad Kashif: “The Road to Learn React is a unique book that I recommend to any student or professional interested in learning react basics to advanced level.
  • Andre Vargas: “The Road to Learn React by Robin Wieruch is such an awesome book!
  • All JavaScript ES6 features, that I describe on the journey to learn React, will transition from ES5 to ES6 in the book.
  • The book does not only teach React, but also all useful JavaScript ES6 features for React.
  • The book is open source and should enable everyone to learn React.

The Road to learn React book is your way to learn React.js by building a real world application. It’s a huge tutorial where you will learn all the fundamentals in plain React before you dive into more advanced topics in React with Redux. Along the way, you will learn everything about JavaScript ES6 …
Continue reading “The Road to learn React [React.js Book]”