• Special Event: GraphQL workshop

    Microsoft Deutschland GmbH

    Please register through Eventbrite as seats are limited and you need to register to get in! https://www.eventbrite.de/e/graphql-workshop-tickets-39183433705 Special event: GraphQL workshop with Nikolas Burk, GraphQL expert from Graphcool (https://www.graph.cool/) and co-author of www.howtographql.com (https://www.howtographql.com/) This workshop is a joint event of React Munich (https://www.meetup.com/de-DE/ReactJS-Meetup-Munich/), GraphQL Munich (https://www.meetup.com/de-DE/GraphQL-Munich/), React Native Munich (https://www.meetup.com/de-DE/react-native-munich/), and Javascript Coding Nights Munich (https://www.meetup.com/de-DE/JS-Coding-Nights-Munich/). Nikolas will come to us from Berlin for this night to be your GraphQL mentor and introduce you to GraphQL before we dive in hands on: Building a Realtime Chat with GraphQL Subscriptions, React & Apollo GraphQL is challenging REST APIs - companies like Github, Twitter, Xing, and Shopify are already using it in production. Github is now even developing their APIs GraphQL first, seeing their REST API as a legacy. What is GraphQL and how can I use it with React? In this workshop, we’ll introduce you to GraphQL first before getting hands on building a GraphQL client based on React + Apollo against a Graphcool backend and take a look at one of GraphQL’s newer and less-known features: GraphQL subscriptions. GraphQL Subscriptions allow to integrate event-based realtime functionality into an app. The workshop will consist of theoretical and practical parts with the goal of building a realtime chat using the following technology stack: Frontend: React, Apollo client Backend: Graphcool You will also learn how you can integrate serverless functions in your backend to send emails when someone writes a "forbidden" chat message (like terrorist, bomb or REST API). Bring your own laptop (or if you’d like to pair with someone, make sure one of your brings their laptop)- no prior GraphQL experience required - beginners are more than welcome! Skill level: no prior GraphQL experience required, assumes React basics like components, state, props, render - no advanced knowledge required! A big thanks to Nikolas Burk and Graphcool (https://www.graph.cool/) for coming to Munich and offering this workshop for free, to Microsoft (http://www.microsoft.de/muenchen) our host for location and catering and to Commercetools (https://commercetools.com/) for sponsoring Nikolas' travel expenses.

    7
  • MEAN Workshop by Tamas Piros

    mantro GmbH

    Tamas Piros, a principal technical instructor at MarkLogic, will host a workshop on the MEAN stack. The techs involved will be Node.js, Angular.js (V4) and a NoSQL DB. This is an excellent opportunity for those looking to make their first steps into a MEAN stack. The flow of the workshop will be: 1. a quick 10-15 minute presentation, exploring the data, talk about NoSQL 2. write some code in Node.js, create an API 3. write some Angular4 code, consume the API and then display the data There will be food, drinks and the opportunity to socialize (for those who like that sort of thing).

    4
  • Storybook Coding Night

    codecentric AG

    This coding night is a joint event of the React Munich (https://www.meetup.com/de-DE/ReactJS-Meetup-Munich/), React Native Munich (https://www.meetup.com/de-DE/react-native-munich/), and Javascript Coding Nights Munich (https://www.meetup.com/de-DE/JS-Coding-Nights-Munich/) Meetups. Register/RSVP through Eventbrite as seats are limited! https://www.eventbrite.de/e/storybook-coding-night-tickets-38933784999 (Seats limited to 75 total for all meetups. The Meetup signup is just a measure how much interest there is from each group.) We'll gain some hands-on experience with Storybook (a library for React + React Native + Vue) in a pair programming session (groups of two) with either React or React Native - up to you: https://storybook.js.org Jonas Keinholz will be your mentor for this night and introduce you to Storybook - how you can focus on only a single UI component at a time when building your own toolkit of components - before using them in your apps. With this workflow, UI development is simpler and self contained, which ensures components don't have complex interdependencies with the rest of your app and thus can easily be reused and tested. Plus: you get a styleguide for free (a catalog useful as live documentation of how your components look like) - which can also be used for unit testing - e.g. snapshot testing with Jest. Plan for the night: After a quick introduction to Storybook, you'll focus on an existing React or React Native app (choose your weapon of choice) that has already incorporated Storybook. This will give you a feeling on how Storybook might help you as a developer. There will be some exercises for you to choose from depending on your interests. In the end, we'll do a recap session where we share our learnings and findings of our hands-on session. Skill level: intermediate (assumes prior React or React Native experience) Schedule: 6.30 pm socializing - 7 pm session start Please install the project before you come to the session if you can - to be safe from Wifi issues should they occur. Details to be announced.

    3
  • Angular.js v4 RPG

    mantro GmbH

    Requirements: • laptop • energy • brain Schedule: • 7:00 - Food, drinks and socializing • 7:30 - Introduction into Angular.js and the task at hand • 7:45 - Q/A • 8:00 - Pair programming • 9:30 - Overview of results and final Q/A Topic: We will be using Angular.js to develop the client interface for a simple role playing game. API URL: [masked] API methods: method: get endPoint: /leaderboard method: get endPoint: /rooms method: get endPoint: /rooms/:roomId return: {message: string} || {error: string} method: put endPoint: /register return: {playerId: string} || {message: string} || {error: string} body: { name: string } method: put endPoint: /:playerId/:action return: {message: string} || {error: string} body: { roomId?: string } action: move | fight eg. ------------------------------ endPoint: /123ghj/move body: { "roomId": "456bnm" } ------------------------------- endPoint: /123ghj/fight body: {} ------------------------------- These methods will set the player action for the current round. Each round lasts 10s. Your task will be to generate an interface which allows the user to interact with this API.

  • React.js - Rock, Paper, Scissors

    Virtual Identity AG

    Requirements: • laptop • energy • brain Schedule: • 7:00 - Food, drinks and socializing • 7:30 - Introduction into React.js and the task at hand • 7:45 - Q/A • 8:00 - Pair programming • 9:30 - Overview of results and final Q/A Topic: We will be using React.js to develop the client interface for a multiplayer rock, paper, scissors game. You will receive access to an API with the following methods: GET /leaderboard Gives a list of each player, how many rounds he has "survived" and how many other players he has "killed". POST /:player:/rock POST /:player:/paper POST /:player:/scissors These methods will set the player action for the current round. Players are created dynamically, no need to register. Each round lasts 10s. DELETE /:player: Will remove the player from the leaderboard. Your task will be to generate an interface which allows the user to interact with this API.

    6
  • Rapid prototyping with Ember.js

    Burda Bootcamp

    Requirements: • laptop • energy • brain Schedule: • 7:00 - Food, drinks and socializing • 7:30 - Introduction into Ember.js prototyping • 7:45 - Q/A • 8:00 - Pair programming • 9:30 - Overview of results and final Q/A Topic: We will be leveraging the Ember.js ecosystem for rapid prototyping of a simple web service.

    2
  • Observables -- Introduction by Brian Terlson (of TC-39 & Microsoft)

    Introduction to Observables by Brian Terlson of TC39 and Microsoft Brian is the editor for the TC39 committee, the group that defines ECMAScript/JavaScript. He also works on Chakra and TypeScript at Microsoft. Location to be announced! Observables (https://github.com/tc39/proposal-observable) are in Stage 1 (Proposal) for becoming part of JavaScript. They're made popular by libraries such as RxJS and MobX, and are not the ones used in Angular! Brian will explain what observables are, talk about the power and advantages of observables, and why they are being considered for entry into the JavaScript language. Brian will call in from Redmond to give us an intro to Observables, before we start hacking. @bterlson on github (https://github.com/bterlson) @bterlson on twitter (https://twitter.com/bterlson) Huge thanks to Brian! Schedule: 7:00 - Food, drinks 7:30 - Intro talk by Brian Terlson 8:00 - Challenge kickoff 9:45 - Demos! Requirements: Laptop, energy, brain

    6
  • Save the Date! React Native, anyone?

    InterNations (5th Floor)

    This will be a joint meetup with the React Native Munich meetup! We will have a special setup this time since we are going to have so many attendees with different levels of experience, and from different meetups as well. More details to follow at the event! Hope to see you there!

    11
  • 3D Rendering with Three.js

    InterNations (5th Floor)

    We will be playing around with 3D WebGL rendering with the help of Three.js (https://threejs.org/). You can do some pretty awesome stuff (https://threejs.org/examples/#webgl_geometries) with Three.js, and I think the skills you learn while using it would probably translate fairly well into 3D rendering regardless of the library/platform. I'll cook up a challenge for people to complete, but of course I hope people make whatever interests them! Should be a good time, hope to see you all there and I look forward to seeing what you build! Requirements: • laptop • energy • brain Schedule: • 7:00 - Food, drinks and talking • 7:30 - Begin the task • 9:30 - Overview of results and final Q/A

    10
  • Test Driven Development

    mantro GmbH

    Requirements: • laptop • energy • brain Schedule: • 7:00 - Food, drinks and socializing • 7:30 - Introduction into TDD • 7:45 - Q/A • 8:00 - Pair programming • 9:30 - Overview of results and final Q/A Topic: We will be applying the principles of test driven development to develop the classic Game of Life.

    6