• React Melbourne - May Meetup

    Kogan.com

    Learn and improve your React JS knowledge, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Thursday 30th May! ------------------------------------ How to slowly integrate ReasonML into your React codebase (In-Depth) - Anthony Mittaz (Software Engineer at Homepass) Tips and Tricks on how to slowly build screens and components using latest ReasonReact. ------------------------------------ Designing with React (In-Depth) - Mark Dalgleish (Design Systems Engineering Lead at SEEK, MelbJS organiser, CSS Modules co-creator) Thanks to React's component-oriented architecture, the React community has been naturally gravitating towards design systems as a way of standardising our respective design languages into reusable components. When done successfully, it suddenly becomes trivial to translate standard designs into code. In fact, we may even find that this translation step starts to feel somewhat redundant. In a world of components, how should our design processes change? How should our tooling change? How should we, as React developers, better enable this change? In this talk, we'll look at the current state of design and development, and where we could go—if we're willing to push for it. ------------------------------------ Cypress to Document your Application Behaviours (Short) - Basarat Ali Syed (Software Development Practice Lead at Australia Post) This is a short version of the one hour talk I’m giving at Holyjs Russia on 24th May. I’ll skip the slides portion and jump to a demo of how intuitive cypress is and how clean your E2E tests can be awesome. ------------------------------------ Accessibility Access to the meetup space for patrons with limited mobility can be arranged in advance by contacting [masked]. See you then! - Jake

    22
  • React Melbourne - February Meetup

    Kogan.com

    Hey all, Learn and improve your React JS knowledge, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Thursday 21st February! Watch the live feed here! - https://www.youtube.com/watch?v=L-6xQG7ICFs ------------------------------------ Cooking toast with hooks (Short) - Christopher Grainger (CTO/Founder of amplified ai) Everybody seems to be talking about hooks. Reactions range from heralding a React panacea to asking ‘hey what’s wrong with classes?’ In this talk, I’ll walk through building a simple toast notification system using hooks and the context API, comparing with some alternate ‘pre-hooks’ approaches. In addition to showing how hooks can be practically applied in a project, I’ll emphasise emerging patterns and some of the benefits I’ve experienced using hooks in production. ------------------------------------ Up and Going with Fullstack TypeScript (Short) - Basarat Ali Syed (Software Development Practice Lead at Australia Post) A quick intro to getting started with fullstack TypeScript. ------------------------------------ Using redux-saga to make testing easier (In-Depth) - David Johnson (Full Stack JS Developer at blacksheepcode) Redux-saga and javascript generators - and how that lets you test your code without mocking. ------------------------------------ Accessibility Access to the meetup space for patrons with limited mobility can be arranged in advance by contacting [masked]. See you then! - Jake

    5
  • React Melbourne - November Meetup

    Kogan.com

    Hey all, Learn and improve your React JS knowledge, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Tuesday 27th November 2018! ------------------------------------ MobX (Short) - Basarat Ali Syed (Software Development Practice Lead at Australia Post) As state management solutions go, MobX is famously the simplest one out there. We like to keep things simple without using complicated setups like `provider` and `connect` that provide little value for much greater mental overhead. This quick demo shows a simple and effective way to use MobX with TypeScript that we have used in large teams, that is proven to scale as much as you want, just like TypeSafe React / TSX. ------------------------------------ Building Forms with Formik (In-Depth) - Mark Reid (CTO at Mentorloop) Building forms in react using Formik; a lightweight alternative to Redux Forms. ------------------------------------ Failing for the right reasons (Short) - Selena Small & Michael Milewski (Developers at Fresho!) Selena and Michael will speak about gotchas during Behaviour Driven Development (BDD) for your Single Page App (SPA). ------------------------------------ Hooked on Hooks (In-Depth) - Jake Moxey (Web Dev at Medipass) Jake will talk about the new React Hooks RFC and how it improves composability in React. He will introduce the Hooks concept, demonstrate how Hooks work, and explain how we can shift from thinking in a "class-based" mindset to a more "hook-based" mindset. ------------------------------------ Accessibility Information Access to the Meetup space for patrons with limited mobility can be arranged in advance by sending us a message. See you then! - Jake

    20
  • React Melbourne - August Meetup

    Kogan.com

    Hey all, Learn and improve your React JS knowledge, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Thursday 30th August 2018. ------------------------------------ Rendering: Approaches and Optimisations (short) - Vladimir Zotov (Senior Frontend Developer at Telstra Health) Vladimir will talk about the following points: Rendering basics. What is the difference between different syntax: render props, children, HOC. Value vs function as content. Optimisations that are used by default and what could be improved. Future enhancements: async rendering and suspense. ------------------------------------ Shipping quickly with recompose, HOCs and Tachyons (short) - James Adams (Web Developer at Drawboard) James will run through how the way he writes react code has changed using HOCs from both Recompose and as the primary pattern in a codebase. He'll run through what you gain/lose from this approach, and how it fostered code sharing between a traditional react app and an iOS app integrated with React Native. Utility Based CSS (tachyons) will also be covered given there's enough time. ------------------------------------ React Web plus Native, an interactive coding session (in-depth) - Damon Smith (Engineering Lead at Sportsbet) Damon will talk briefly about the cross-platform codebase at Sportsbet, then spend most of the time in an example codebase and get volunteers up to help make changes that appear across both a native iOS app and a web app, and wrap it up with some learnings and pros/cons of the approach taken. Accessibility Information Access to the Meetup space for patrons with limited mobility can be arranged in advance by sending us a message. See you then! - Jake

  • React Melbourne - May Meetup

    Kogan.com

    Hey all, Learn and improve your React JS knowledge, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Tuesday 22nd May 2018! This event's speakers are: ------------------------------------ Harnessing the Power of Volunteers for Community Benefit (short) - Mike King & Matt Wiseman (Back2Bikes) Back2Bikes needs to start tracking volunteers and bikes as they move through the workshop. To do so, they're currently building an attendance app using React, which will allow volunteers to register themselves, and then sign in each day they come. Mike & Matt will go through some of the technical details of how they are building this, and look at the positive social outcomes that come out of Back2bikes. Mike is a full stack Javascript developer, working in all things React and bleeding edge technology. He also runs a bicycle recyling workshop in his "spare time" called Back2bikes. Matt is a barista wannabe-dev, who has almost completed a journey through Free Code Camp. He was enlisted by Mike to round out his experience by working on an app for Back2bikes. ------------------------------------ Understanding the New Context API - Mair Swartz (Full Stack Software Engineer at Essential Energy) Examining the pattern that allows us to use the new context API. Demonstration on how to use it and discuss where we should use it. Mair has been developing applications react applications for 3 years now and absolutely loves it. He have successfully integrated it into SharePoint, node and .Net. ------------------------------------ How we Grew a React Project From 2 Devs to 20 Developers and Beyond - Ben Teese (Senior Software Developer at Shine Solutions) How the team at Sportsbet structured a big project so that lots of devs could work on it at once, what things needed to be put in-place up-front (vs those decisions that could safely be deferred) and what concepts in the React ecosystem commonly tripped-up and confused devs new to the project. Ben is a senior software developer at Shine Solutions in Melbourne, Australia. These days he spends most of his time coding and helping clients wrangle big JavaScript projects. See you then! - Jake

    5
  • React Melbourne - February Meetup

    Kogan.com

    Hey all, Learn and improve your React JS knowledge, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Tuesday 27th February 2018! This event's speakers are: --- Connecting the Dots - Scaling code and tooling up a react application for production - Jay Jamero (Software Engineer at Kogan) Jay has been a web developer for 7 years and is an advocate for Frontend Technologies at Kogan. -- React + TypeScript at Australia Post (Short) - Basarat Ali Syed (Software Development Practice Lead at Australia Post) A quick overview of React + TypeScript used at Australia Post. Will showcase our component Style guide and how its streamlined our application development. Basarat is a Microsoft MVP for TypeScript, OSS fanatic, Book Author, Eggheader, Youtuber. StackOverflow 100K contributor, That TypeScript Guy (http://basarat.com/). -- A Brief Storybook Summary - A realistic UI Development tool - Simon Knox, Recreational Computer User -- Wallaby and react - How to make react testing super easy - Mair Swartz (Full Stack Software Engineer at Essential Energy) Wallaby is a test runner that sits on top of your existing testing framework. It allows you to see what’s happening in your code as you write it. This makes unit testing so much easier and can really increase quality and efficiency. In this topic we will look at writing a simple app using Jest, Enzyme and Wallaby. Mair has been developing applications react applications for 3 years now and absolutely loves it. He have successfully integrated it into SharePoint, node and .Net. See you then! - Jake

    15
  • React Melbourne - October Meetup

    Kogan.com

    Hi Everyone We're looking forward to catching up this Thursday at Kogan HQ. We have some great talks and will have food, drinks and networking time also. The talks for this week are: A React Native + Web Shared Codebase - Damon Smith A quick intro to the structure of the codebase, a run through of an app and then a live code demo going through making platform specific and then cross-platform changes. [20-30min] Damon is the engineering lead at Sportsbet. Sharing code bases across iOS and Windows using React Native - James McGinty James will explore how React (Native) has enabled Apparel21 build cross-platform applications with a single source. [10-15min] James is the Development Manager at Apparel21, a company specialising in software for the Fashion industry. He studied Computer Science at RMIT and is a keen developer Our Animation Journey with React \ React Native - Kevin Lee We will go through our journey of doing animation on our web/mobile project. We will first introduce the basic concepts of React, like props, state and life cycle methods. Then we will cover several areas and libraries like TransitionGroup, react-motion, react-move and TweenMax. Discuss pros and cons for each solution we came up with. [20-30min] Kevin is a full-stack software engineer at Trunkplatform, doing both web/mobile front end (AngularJS, React, React-native, redux, BFF, etc) development and backend service (Ruby, Rails, Kafka, spark, cassandra, AWS, etc) development. Kevin's recent focus has been on web/mobile development using React and React-native. See you on Thursday!

    13
  • React Melbourne - July Meetup

    Kogan.com

    Hi Everyone Looking forward to catchup up this Tuesday 11 July at 6pm at the Kogan HQ (139 Gladstone Street, South Melbourne) Also excited to announce a great set of topic and speakers for the even. A brief outline below: --- Building Reusable and Scalable UI Components with Recompose (Short) - Nathan Vale (Telstra Digital) Nathan will discuss the emerging pattern of single property higher order components and its benefits. Including insights into how you can optimise your code, remove conditionals from your react components and why you don’t need to be a functional programming geek to use the Recompose library :) Nathan Vale is a Lead Front End Developer at Telstra Digital. He gets great satisfaction out of writing less code and building more apps. (https://au.linkedin.com/in/nathanvale) Atomic Design with Next.JS and React (Dive In) - Patrick Smith (Lead Trainer at Coder Factory) The Next.js framework has a fantastic balance of conciseness with capability. It makes full use of React, with client side rendering (read: fully dynamic web app), server side rendering (read: faster initial loads and better SEO), and probably best of all, is opinionated. In his talk, Patrick will give us an overview of atomic design and creating components with Next.js. Value Chain Mapping in Software Dev Projects & React Components (Dive In) - Warren Burns (Managing Director of BURNSRED) Warren will dive into how you can use Value Chain Mapping to help break down which components to build yourself and when you should be looking to use existing tools. Warren is the president of the Leading Edge Forum in Asia and was previously the global head of Innovation at the consumer goods company Unilever. Redux Async Action Reducer (Short) - Jishnu Viswnath - Front End Engineer at ANZ Jishnu is the author of the redux-async-action-reducer library - a simple wrapper for creating redux actions and reducers. He’ll give an overview of how the library makes creating and handling both asynchronous and synchronous actions easier. Thanks to everybody that made a submission! See you Tuesday! Goran

    9
  • React Melbourne Hack Night - March

    Culture Amp HQ

    Bring along your laptop, pull up a chair and hack on some React JS—or anything, really! Venue, Wi-Fi, pizza and drinks provided by the friendly Reactors at Culture Amp. You must confirm your attendance here on Meetup to attend. Strictly limited to 50 people! This hack night is a great opportunity to work through your first React JS tutorial (with friendly experts around to help if you get stuck), to pair with other React JS enthusiasts of all skill levels, or just to focus on a side project you’ve been neglecting for too long. Don’t forget to bring your own laptop!

    17
  • React Melbourne February Meetup

    Kogan.com

    Learn and improve your React JS knowledge in 2017, meet and hangout with fellow React Developers, and eat some great food at the Kogan.com HQ on Thursday 23 February 2017! Talks are in and set out below! React Router v4 - Ben Teese React Router v4 went into beta a couple of weeks ago, and it's different from v2/3 in some very important ways. This talk will cover the benefits of the new approach and give an example of how the v4 API - which is entirely component-based - was able to easily link with an event-based authentication system. Ben Teese is a senior software developer at Shine Solutions Building React From Scratch - Andrey Sidorov (Deep Dive) Andrey will cover React internals: terminology, code patterns (transactions, injections, object pools), react core vs renderers ( web/native/hardware/webgl) and we'll build together simple react renderer Andrey Sidorov is a full stack developer at CHE Proximity and Melbourne node.js meetup organiser Draftjs under the hood - Mair Swartz (Deep Dive) In this session we will have a brief look at DraftJS and demonstrate what it can do with #tags, @mentions, emoji’s etc.. We will then analyse the API involved and how we use it to • navigate content • Create a react control to render sections in a Draftjs control • Replace content • Add metadata to content for additional functionality Mair has been programming since 1998 (starting with micro-controllers in assembler and moving through C, C# and JS). Mair fell in love with React in 2013 when learning the MEAN stack and Meteor - and has been studying it ever since. He is currently team leader for consultancy firm Oakton - writing enterprise intranent and social applications. FormState - Basarat Ali Syed (Short Talk) A library to help manage form and field state with Mobx. A UI agnostic library, designed for Type safety, async first and developer ergonomics. Basarat is a Microsoft MVP and Senior software developer at Australia Post. Looking forward to hearing these interesting talks and chatting to some great React JS enthusiasts! Goran

    15