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…”