• HOOK-ed Route, Micro Frontends at Scale & more

    Amsterdam React community does not rest! (except few months after intensive conference sprint) GitNation team is kicking off 2019/20 season with a summer-vibe Meetup at TQ - we'll have (at least) two speakers, a bar, pizza and a nice summer terrace to enjoy. And of course, some exclusive announcements for our favourite React people 😉 🎫 ** Registration via Eventbrite https://www.eventbrite.com/e/react-amsterdam-meetup-hook-ed-router-and-micro-frontends-at-scale-registration-65564945517 ** 🎫 (but please do RSVP to show your friends you'll be there) 🍕 This event sponsors are UpCloud (https://upcloud.com), world fastest cloud server provider and FocusReactive (https://focusreactive.com) React/Node.js software consultancy based in Amsterdam, London and remote. 🕐 Event Schedule 18:00 – Doors open: snacks, drinks, networking 19:00 – Introduction 19:10 – 🗣 "Hooks in action: implementing a 1KB React router" by Alexey Taktarov 19:40 – 🗣 "Modernizing a legacy codebase using microfrontends" by Deepak Pai 20:10 – 🗣 "The Story of CodeSandbox" by Ives van Hoorne 20:40 – Finishing beers and more networking — ## Hooks in action: implementing a 1KB React router By Alexey Taktarov, Resume.io Still confuse useRef and useState? Not sure what useImperativeHandle does? This talk is a nice step-by-step intro to React hooks and some advanced patterns around them. We're going to build a tiny router for React with API similar to React Router's one. About Alexey https://twitter.com/mlfrg Alexey is a full-stack developer with over 10 years of experience. His primary stack includes React, Node.js and Ruby on Rails. While he mainly works with backend/infrastructure as a head of engineering of resume.io (a project he cofounded in 2016), he's also super passionate about design and user interfaces. A true hackathon addict, Alexey believes that working on an open-source project is no different than working on a product and that good design is the main driving factor of a successful project. ## Modernizing a legacy codebase using microfrontends by Deepak Pai, Booking.com Modern web development has several advantages in terms of better user and developer experiences. However, bringing those advantages to a legacy codebase can be difficult. Having a server side rendered component service helps bridge the gap in an incremental fashion. This however brings with it a different set of challenges that needs to be addressed. In this talk we will explore the above approach of serving components via a service and navigating the various challenges that comes with it. About Deepak I am a frontend devloper at Booking.com. Ex Flipkart. Love tinkering with new technologies. Brazilian jiu jitsu enthusiast. In my free time I like to play video games and go for karaoke ## The Story of CodeSandbox by Ives van Hoorne TBA About Ives https://twitter.com/CompuIves Ives is an ambitious developer, passionate about new technology and its capabilities. He is inspired by fast-growing companies and hopes to become the lead of one in the future. Ives is most comfortable with front-end technologies like React and Redux, but has also done a lot of work in back-end technologies like Rails. He's a big fan of functional programming. — 👍 Code of Conduct By registering to this event you agree to comply with our Code of Conduct https://react.amsterdam/coc 🗣 Propose your talk If you would like to speak at one of our next meetups, please send your talk proposals via this form (http://goo.gl/forms/N5qGg3RuKCPycyku1), both long talks (30 min) and lightning talks are welcome. ✉ Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] 🌐 Social Twitter https://twitter.com/ReactAmsterdam YouTube http://youtube.com/ReactConferences Facebook https://www.facebook.com/ReactAmsterdam

    9
  • React Amsterdam Conference 2019

    De Kromhouthal

    The biggest React conference returns with it's 4th edition on April 12, 2019! We'll continue our tradition gathering most notable community members and OS contributors in the heart of Europe to share knowledge about all things React, including Native, GraphQL, Testing, ReasonML, Design Systems and more! First speakers already listed, including likes of Kent C. Dodds, Max Stoiber, Peggy Rayzis and Mark Dalgleish. Check more info about events, tickets and extended agenda with workshops on event website https://react.amsterdam __ Note: RSVP to this event does not grant you access to the conference, please refer to tickets page on the event website. But it's highly welcome to let meetup community you're going! For questions and enquiries email us at [masked]

  • React Amsterdam Conference Pre-party

    Coming to town early? Have time to meet new people to hang around during the conference? We got you covered! On the evening before the conference day, we're going to gather for a pre-party meetup with 2 presentations, lightning talks, and lots of networking at the TQ co-working space. Come and party with us! Conference info: https://react.amsterdam # Event Schedule 18:30 – Doors open, drinks at the bar 19:00 – Introduction 19:10 – 🗣 "React-Imago3d: Webvr editor with react and aframe?" by Alessio Di Crescenzo 19:40 – 🗣 "What's the deal with React lifecycle methods?" by Jessica Leach 19:55 – ⚡️ Lightning Talks panel 20:25 – Networking # Talks ## React-Imago3d: WebVR editor with React and aframe by Alessio Di Crescenzo Is React a good fit for handling a webgl application? We’ll dive deep to the main concept of a-frame discovering how it can work with React. We will see the evolution of the virtual reality ecosystem through real use cases encountered during the development of a web-based 3D editor. This talk will give to react developers a good starting point to start playing with WebVR and augmented reality. About Alessio (http://alessiodicrescenzo.com) A Senior Frontend developer with 6+ year of experience about javascript development. Alessio helps companies design, develop and deliver digital products. He's passionate about the Web and the JavaScript ecosystem. ## What's the deal with React lifecycle methods? by Jessica Leach What are React lifecycle methods? What about the new methods and what's going to happen about those deprecated methods? Find out at this talk About Jessica (https://twitter.com/jessicaleach6) A Frontend Developer from the UK, currently based in Amsterdam. She works at an agency, info.nl for the GreenWheels car hire web app. She made a transition into development after taking part in Rails Girls Summer of Code and she has also built an open source project, ScienceMotions, which teaches high school-level science with animation. # Propose your talk If you would like to speak at one of our next meetups, please send your talk proposals via this form (http://goo.gl/forms/N5qGg3RuKCPycyku1), both long talks (30 min) and lightning talks are welcome. # Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] # Social Twitter https://twitter.com/reactamsterdam YouTube https://www.youtube.com/ReactAmsterdam Facebook https://www.facebook.com/reactamsterdam

  • GraphQL evening / React Amsterdam pre-party [Partner Event]

    Hi GraphQL lovers! We are very excited to announce a meetup organized in collaboration with JavaScript Amsterdam (https://www.meetup.com/JavaScript-Amsterdam/) that's going to be a part of the React Amsterdam conference extended programme. The theme of the evening is GraphQL, and we'll have 3 different talks on that subject: # Event Schedule 18:30 – networking with food and drinks kindly sponsored by Usabilia 19:00 – talks start 20:00 – networking –– ## Architecting scalable serverless web apps with GraphQL api by Vladimir Novick (https://twitter.com/vladimirnovick) In this talk we will see what are the benefits of building event-driven Realtime GraphQL backend and what problems it will solve. We will see how we can bootstrap our backend fast with free and open source Hasura engine and connect it to serverless functions for our custom business logic leveraging 3factor.app architecture. ## Testing GraphQL in your React Application by Roy Derks (https://twitter.com/gethackteam) Testing is important for every project, whether it's a web or mobile application. But writing code to test your application can be a hassle, especially for specific frameworks or tools like GraphQL. Sure, you could just test using Jest, Enzyme or any other testing tool out there for React applications. But how do you specifically test your GraphQL schemas and queries? ##GraphQL Transformation by Alex Lobera (https://twitter.com/alex_lobera) GraphQL can bring performance and agility to engineering product teams whilst bringing a great dev experience. Reality is many companies have invested a lot in REST, convincing stakeholders and successfully migrating to the GraphQL paradise is not an easy job. In this talk, Alex will share his learnings -what worked and what didn't work- at LeanJS helping different companies to succeed in adopting GraphQL. # Sponsors Usabilia https://usabilla.com/ React Amsterdam https://react.amsterdam/ ReactJS Academy https://reactjs.academy/react-redux-training-amsterdam/ # Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] # Social Twitter https://twitter.com/reactamsterdam YouTube https://www.youtube.com/ReactAmsterdam Facebook https://www.facebook.com/reactamsterdam

    2
  • Design systems, Testing, and getting serious with Types

    The first 2019 meetup from your favorite React community is coming soon! Even though we're busy with preparing the upcoming React Amsterdam conference in April, we can't forget about you, folks. 👩🏻‍💻👨🏽‍💻 This time, we're going to discuss Design Systems, testing, and JSON in strongly typed apps. Big thanks to our main partner Evolution Gaming (https://www.evolutiongaming.com/who-we-are) and also to Picnic (https://picnic.app/nl/) for hosting our event! And if you're hungry for more React knowledge, check out our conference on April 12 https://react.amsterdam. # Event Schedule 18:00 – Doors open: snacks, drinks, networking 19:00 – Introduction 19:10 – 🗣 "Building a design system with (p)react" by Bart Waardenburg 19:40 – 🗣 "Dealing with JSON data in a strongly typed application" by Lucas Twisk 20:10 – 🗣 "Mocking is hard. No it’s not. || Mocking like it’s 2019" by Mattia Assogna 20:40 – Finishing beers and more networking till 10pm — ## Building a design system with (p)react By Bart Waardenberg, ANWB Working with multiple teams on multiple applications brings a whole new set of challenges to software development. How do you share code, how do you keep code consistent, how do your prevent breaking other peoples stuff... We could keep rabbling on. At the ANWB we are currently tackling these problems while building a design system using (p)react. We will share our learnings, challenges and progress moving our front-end applications to a new shared component architecture. ## Mocking is hard. No it’s not || Mocking like it’s 2019 by Mattia Assogna, DAZN Testing is considered as standard practice in our industry. We use libraries to mock dependencies to test our code in isolation (e.g. services used in our React components). We take them for granted, assuming that they function correctly, probably by magic! Are mocking libraries “magic”? Join me to find out what libraries, such as Jest, are doing under the hood as we write our own mock testing library. About Mattia He loves shell scripting; he literally lives in the terminal (that’s probably why he uses VIM). Other than getting his hands dirty with React, RxJS and Mobx, he is also passionate about cyber security and Motorbikes. ## Dealing with JSON data in a strongly typed application by Lucas Twisk, Picnic In Javascript it’s common to push JSON objects retrieved from the server all the way down into the view components. A type system like Flow/ReasonML or TypeScript even helps you during development by providing you rich information about the structure of your data. However, in the end you are still executing Javascript and using this strategy leads to runtime errors if server data is different from what you expect. To prevent such errors you want to validate data retrieved from the server as early as possible and gracefully handle cases where it is invalid. In this talk, I’ll first give some insights into the available solutions. Then I’ll present how we solve it in our latest React Native application: by generating typed JSON decoders from TypeScript interfaces using the TypeScript Compiler API. About Lucas Lucas Twisk is a software engineer at Picnic, working on the future of grocery shopping. Coming from native app development for iOS and Android he was excited to discover React Native which allows him to only maintain a single codebase. # Propose your talk If you would like to speak at one of our next meetups, please send your talk proposals via this form (http://goo.gl/forms/N5qGg3RuKCPycyku1), both long talks (30 min) and lightning talks are welcome. # Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] . # Social Twitter https://twitter.com/reactamsterdam YouTube https://www.youtube.com/ReactAmsterdam Facebook https://www.facebook.com/reactamsterdam

    32
  • Framer X, ReasonML & Auto component conversion React <-> Angular

    React Amsterdam community has been quiet for a while but that's about to change. Are you ready? 🤔 We're returning on October 25 with another edition of our Meetup with amazing talks by Framer product engineer Eelco Lempsink and frontend engineer Vladimir Milenko. We'll discuss the features of Framer X and how to convert components between frameworks. Big thanks for the support of our main partners Evolution Gaming (https://www.evolutiongaming.com/who-we-are) and IJsberen (https://www.ijsberen.io). If your company also interested in getting exposure in the local tech community, please email us - [masked] __ As per usual, we expect a full hose so hurry up with your RSVP. We have really good news for our community, and we're going to announce it at the event, so you should definitely be there. 😉 # Event Schedule 18:00 - Doors open - snacks, beer, socialization at Crea Cafe 19:00 - Introduction and (big) announcements 19:10 - "Framer X: React meets design" by Eelco Lempsink 19:40 - "Pattern-based conversion of React <-> Angular components" by Vladimir Milenko 20:10 - Short break 20:30 - "Using ReasonML in your next React project" by Roy Derks 21:00 - Beers and Talks till bar closes ## Framer X: React meets design by Eelco Lempsink (https://twitter.com/eelco) Framer X is an advanced interactive design tool, powered by React. In Framer X, you can use actual React components in your design, bringing Code and Design together in a completely new way. We’ll talk about the challenges we encountered while creating Framer X. From how to make a performant graphics editor to building a dynamic component loader. About Eelco Eelco Lempsink is a product engineed at Framer, the co-founder of Tupil, the creator of NoFlaggedMailbox, a plugin for Mail.app that hides the ‘Flagged’ mailbox, and a former masters student at Utrecht, graduated cum laude with a thesis about `Generic type-safe diff and patch for families of datatypes'. ## Pattern-based conversion of React <-> Angular components by Vladimir Milenko (https://twitter.com/astexkg) Developers always can translate component to any other framework. We use pattern matching to see how we can transform specific part of code into same-behaving part in other frameworks. In this topic I will present idea of Universal Syntax Tree, when specific parts are declared as a pattern and each pattern has its own generator for any framework. About Vladimir Vladimir is a software developer at Lightspeed HQ. When he writes react code, he's thinking not only about having a good component API and correct component-splitting, but also about optimization, on how React reconciler will process his component. He loves to make things perfect, even though no one is protected from having a bug! ## Using ReasonML in your next React project by Roy Derks (https://twitter.com/gethackteam) ReasonML is based on the OCaml programming language and was created at Facebook, by the same creator as React! It shares a lot of features, but with the benefits of a statically typed functional programming language. ReasonML compiles to JavaScript and can therefore be used to create strongly typed React applications. About Roy Roy is a CTO and Technical Founder of SwitchBay.com promoting Full-Stack JavaScript with #javascriptEverywhere. He loves React and React Native and often organizes workshops for people with various skill levels. --- By registering to this event you agree to comply with our Code of Conduct http://confcodeofconduct.com # Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] # Social Twitter https://twitter.com/reactamsterdam YouTube https://www.youtube.com/reactamsterdam Facebook https://www.facebook.com/reactamsterdam

    6
  • React Amsterdam Conference 2018

    De Kromhouthal

    We're super happy to announce that React Amsterdam Conference will take place on April 13, 2018 at Kromhouthal in Amsterdam. It's time to get prepared for awesome talks, workshops, discussions, networking, and parties at the biggest React conference worldwide! Tickets available https://www.eventbrite.com/e/react-amsterdam-conference-2018-tickets-38900910671 More information on conference website https://react.amsterdam

    5
  • Declarative D3 Made Easy, Serverless React on Lambda, A11y For Modern Apps

    It's time for Year Opening meetup from your favorite React group! Even though we're busy with preparing a coming conference in April, we can't forget about our friendly community. Continuing with the tradition, we'll have an international speaker joining, to talk about D3 Made Right (with React of course ;). Next to that, we'll have two more unique talks about rendering email templates in AWS Lambda with React, and about best practices to make your modern apps more accessible to your customers. This event we're kindly hosted by Zoover (http://greatplacefortalent.nl), in their lovely, fresh office in the center of Amsterdam. And thanks to support of our main partner, Evolution Gaming (https://www.evolutiongaming.com/who-we-are), we'll have fancy craft beers and two hall setup to host our growing community. If your company also interesting in getting exposure in local tech community, please email us - [masked]. And if you're hungry for more React knowledge, check our conference on April 13 https://react.amsterdam. # Event Schedule 18:00 - Doors open - snacks, beer, socialization 19:00 - Introduction and announcements 19:10 - "Avoiding D3 Spaghetti With React" by Finn Fitzsimons 19:40 - "Sending Email With React and AWS Lambda" by David Baumgold 20:00 - Short break 20:10 - "Breaking The Silence: Screen Readers and React Apps" by Almero Steyn 20:30 - Beers and Talks till 21:30 ## Avoiding D3 Spaghetti With React A fresh look at how React can be used to make reusable, animated visualization components. Finn Fitzsimons will break down the challenges involved and by using the animation performance of D3 combined with declarative nature of React you can create any visualization imaginable in a fraction of the time. ## Sending Email With React and AWS Lambda Rendering templates is slow, and sending transactional email means rendering a LOT of templates. At Impraise, we built a system to handle rendering and sending email templates using AWS Lambda and server-side React. Now, our backend can simply call an API, and let Lambda handle the complicated part, and we'll gladly share details with you! ## Breaking The Silence: Screen Readers and React Apps When you rely on screen reader software to browse the internet, every important app update should be read out to you. However, this is often not the case in React applications, preventing many people from enjoying the awesome apps we make. Almero Steyn will put you in their shoes and then show you how to solve these issues easily and dependably. Many will thank you for it! # Propose your talk If you would like to speak at one of our next meetups, please send your talk proposals via this form (http://goo.gl/forms/N5qGg3RuKCPycyku1), both long talks (30 min) and lightning talks are welcome. If you're not sure about your skills of public speaking, don't be shy, throw in your content ideas and we'll make sure you will get all the training needed from our speakers committee. # Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] . # Social Twitter https://twitter.com/reactamsterdam YouTube https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw Facebook https://www.facebook.com/reactamsterdam

    5
  • Cross-environment Redux Actions and Webpack HMR Tricks With International Guest

    After a great pre-season networking event, we're full of ideas and ready to rock local meetup scene with the freshest React content. This time we'll have an international speaker joining - Andrey Sitnik, author of PostCSS, Autoprefixer and Logux. We look forward to host more international open source activists in future, to highlight the global nature of React Amsterdam community, proven itself to be capable holding the biggest React Conference Worldwide (https://react.amsterdam). October event will be hosted at a cozy, professional venue Crea, as well as live streamed and recorded as all of our talks are. This would not be achievable without our partners and supporters: this event was possible thanks to FrontendDeveloperCareer (http://FrontendDeveloper.career) and Evolution Gaming (https://www.evolutiongaming.com/who-we-are). If your company also interesting in getting exposure in local tech community, please email us - [masked]. # Event Schedule 18:00 - Doors open - snacks, beer, socialization 19:00 - Introduction and announcements 19:10 - "Using Logux in Production" by Andrey Sitnik 19:40 - "Hot Reloading In React: What They Didn't Tell You" by Dario Gieselaar 20:00 - Short break 20:10 - "Simplify React Redux with render methods" by Ludovico Fischer 20:20 - "React and the Three Layers of Testing" by Bart Waardenburg 20:35 - Beers and Talks at Crea Cafe till Midnight ## Using Logux in Production Logux is a new project which replaces AJAX by synchronizing Redux actions in real-time between client and server. It is based on the ideas of CRDT and brings plug&play support for live updates and offline editing. Andrey Sitnik, the creator of PostCSS and Autoprefixer, will explain how his team, Evil Martians, uses Logux with Amplifr, its difficulties, and the resulting productivity boost. About Andrey @andreysitnik Digital nomad, creator of Autoprefixer and PostCSS. ## How does hot reloading work? And when does it not work? A short talk on how hot reloading works, when you should use it, and when you shouldn't use it, and how you can fix it in some cases. About Dario @GieselaarD JavaScript developer at Zoover, active blog author and local development Facebook group leader. ## Simplify React Redux with render methods The React Redux API confuses beginners even more than React Redux. Can we make it more accessible by replacing higher-order components with render methods? ## React and the Three Layers of Testing I will discuss our Three Layers of Testing (tm) we use when developing new features for one of our high traffic web applications at the ANWB. (1) Unit testing React & Redux Components, (2) Behavioural testing our interactive React Components and (3) Integration testing our entire application. # Propose your talk If you would like to speak at one of our next meetups, please send your talk proposals via this form (http://goo.gl/forms/N5qGg3RuKCPycyku1), both long talks (30 min) and lightning talks are welcome. If you're not sure about your skills of public speaking, don't be shy, throw in your content ideas and we'll make sure you will get all the training needed from our speakers committee. # Contact If you have any questions about the React Amsterdam community (meetups & conferences) - reach us at [masked] . # Social Twitter https://twitter.com/reactamsterdam YouTube https://www.youtube.com/channel/UCsFrt8oKNYXGspSlX9u6uXw Facebook https://www.facebook.com/reactamsterdam

    16
  • Pre-season Networking & Grill Event

    Zoover

    We're getting closer to new meetups season opening, and to be properly prepared, we would like to invite you to a freestyle networking event held at cozy backyard of centrally located Zoover (http://greatplacefortalent.nl)'s office. Meet the group and conferences organizers and other local community members. To make our events better next season, we want your input on these topics: * Which topics you're interested to hear about at our meetups * What's the preferable content (talks, discussions) format * Schedule preferences (time, day of the week, break/talks length) * Looking for next season speakers * Feedback on last season events and conferences (React Amsterdam, AmsterdamJS 2017) * Volunteering for event organization Openning talk at 19:00 Apart from meeting each other, and talking about the future of local meetups, we'll have (free) beers and some grill to make our good summer evening better. For breaking the ice, we'll have an open pitch stage, where we'll do the opening and then keep the open mic. Any topic (except recruitment, as everybody's hiring) will be allowed on the stage. It's the first time we try this kind of open format, if you have any ideas on how it should go, please leave your comments below.

    17