Talk Date: January
Talk Title: Leverage your React Native App
Length: 20-30
Twitter-sized Overview (140 characters): Many people saying that React Native app is slower than Native App. That's not true, we can make it faster than any other native app. Here are the tricks.
Detailed Overview:

• Intro to React Native rendering
• PureComponent and shouldcomponentUpdate for the win
• Don't forget to assign key on every list
• Rendering Blocking
• How to prevent rendering Blocking
• FlatList vs ListView, SectionList vs ScrollView
• Advance Optimization Rendering:
  • Utilize RequestAnimationFrame
  • next-frame
  • whyDidYouUpdate and use Perf monitor to watch FPS

Full Name: Farrell Rafi
Talk Date: 19 April 2018
Talk Title: RapydScript and Rapyd Framework, Python in the Browser and Node
Length: 15 Minutes
Twitter-sized Overview: I will introduce to you guys a Python to Javascript Transpiler called RapydScript. And my own framework built with it, Rapyd Framework
Job Title: IT Head at PT. Tijari Total Solution

Talk Date: Sometime in April May
Talk Title: Writing Resilient CSS that Works On All Browsers
Length: 15min-30min
Twitter-sized Overview (140 characters): Resilient CSS is a methodology of writing CSS that uses the latest and greatest features in CSS, without leaving your users running older browsers behind. This talk introduces the concept as well as provides some examples using CSS-in-JS libraries.

Detailed Overview:

No, you didn't go to the wrong meetup. This really is going to be a talk about CSS.

CSS has gone a long way since many years ago. New CSS features are introduced that helps us improve the way we do layouts on the Web, most notably with the introduction of CSS Grid.

But unfortunately, many browsers out there can be slow in implementing these new CSS features. Thanks to this, we often get the idea that we couldn't implement these new features if they're not fully supported, and as a result we have to wait until the latest and greatest features a majority percentage of the browser market share supports said feature before we can implement them. But it doesn't have to be this way.

Resilient CSS is a term coined by Jen Simmons which describes a methodology of writing CSS that uses the latest and greatest features in CSS, without leaving your users running older browsers behind. With Resilient CSS, we change the way we think about responsive web design to not only the size of the viewport, but the age/type of the device/browsers as well.

This talk introduces the concept, as well provides some tips and tricks and examples in common CSS-in-JS libraries, notably Glamor and styled-components.

Brief Outline:

• An introduction to Resilient CSS
• caniuse.com - the web developers' Bible
• CSS error handling & overrides
• Feature Queries (@supports)
• CSS-in-JS examples (glamor, styled-components)

• Talk Date: August 22, 2017
• Talk Title: Serverless using Google Cloud Functions and Nodejs
• Length: 15 - 20 mins
• Short Overview:
  Introduction about Serverless and how to build the Serverless service using Google Cloud Functions and Node.js
• Detailed Overview:
  • Intro about Serverless & Google Cloud
  • Build a simple REST Service using Nodejs
  • (Demo) Deploy to Google Cloud Functions

Talk Date: ~Q4 2023

Talk Title: Grid System as Handshake Frontend and Designer

Length: ~20-30 minutes

Twitter-sized Overview: Giving insight about how we as Frontend Engineering maintenance pixel perfect base on design using Grid System.

Detailed Overview:

1. Introduction about Grid Sytem
2. Grid for Designer
3. Grid for Frontend
4. Why Grid as handshake?
5. example case study
6. Constrains using grid system
7. Take away

Full Name: Darwin Yo
Talk Date: -
Talk Title: PWA and SSR (angular)
Length: 20 Minutes
Twitter-sized Overview: I will introduce to you guys a how to make your web apps available in bad connection environment, and Serverside rendering SPA using ExpressJs.
Job Title: CTO Startup Kreasi Petal Teknologi

Talk Date: -
Talk Title: Reactive UI with RxJs
Length: 20 - 30 Minutes
Twitter-sized Overview: Building UI component reactive to events/async with RxJs.
Detailed Overview:

• A brief RxJs introduction.
• RxJs non-trivial use cases: Backpressure, Ajax Cancellation.
• Integration with popular UI frameworks/libraries: vue, angular, and react.

Date: -
Title: Snapshot Test in React Component using Jest and Enzyme
Length: 20 - 30 mins
Overview:
How we implement the snapshot test in React component and what about its advantages and disadvantages (case study: Etobee)
Schedule:
Intro about snapshot test
Why and when we use the snapshot test
Demo
Conclusion

Talk Date: ~Q1 2020

Talk Title: Lesson Learned: Maintaining Shareable Components at Traveloka

Length: ~20-30 minutes

Twitter-sized Overview: Some key takeaways while maintaining shareable components at Traveloka using React Native.

Detailed Overview:

• Brief introduction of shareable components at Traveloka
• Benefits and Tradeoffs
• Lesson 1: Avoid unintentional breaking change
• Lesson 2: Beware of premature abstraction
• Lesson 3: Enhance developer experience

Talk Date: -
Talk Title: API Test with Frisby.js
Length: 30 mins
Twitter-sized Overview: Use frisby.js to test API
Target audience: BE dev and QA.
Detailed Outlines:

• Intro: What – When – Where – Who – Why
• Frisby.js features: expect, helper, inspector.
• Frisby.js spec and report
• Examples
• Demo
• Closing

Hadir

Talk Date: 22 August 2017
Talk Title: Creating Custom Libraries for Graphs Based on Javascript
Length: 10 minutes
Twitter-sized Overview (140 characters): Need to create a customized graph? This lightning talk will discuss the Javascript techniques necessary through tools ctx, canvas, and more!
Detailed Overview: Ever wanted to create your own graphs for private or professional reasons but end up using default templates set by other services in the end? It's time for us to get used to customizing our own graphs, especially if we want to use it for corporate means (thus commercializing it)! This lightning talk will show in just 10 minutes how you can get started in creating the said customized graphs using parameters from Javascript such as canvas and ctx and eventually finish up with a graph ready to display data through methods such as jQuery.

Talk Date: TBD
Talk Title: Build Your Next Website with React, GatsbyJS and Netlify
Length: 15min-30min
Twitter-sized Overview (140 characters): In this talk we take a dive into GatsbyJS, a new player among static-site generators, which uses React components to create blazing-fast static pages that are easily deployable to services like Netlify.

Detailed Overview:

Static sites used to power the internet back in the good old Web 1.0 days, but with the advent of Web 2.0 and dynamic content pages, this practice slowly died out over time, and people moved on to content management systems (CMS) like WordPress. It was only until 2013 that static sites made a comeback, with the arrival of GitHub Pages, which allows building and deploying your websites with Jekyll, a popular static site generator powered by Ruby.

Over time, the number of static site generators have risen, most of them written in a lot of different languages including JavaScript. One of these JavaScript-based static-site generators is GatsbyJS.

GatsbyJS is a blazing-fact static site generator powered by JavaScript and React. It's very extensible and allows you to generate optimised static pages from Markdown files, as well as many other sources. In this talk, we'll go through how you can set up your next website using GatsbyJS, from idea to deployment, as well as the benefits of static sites compared with dynamic-content pages in a traditional CMS.

Brief Outline:

• A brief history of static site generators
• Why static websites? (performance, JAMstack, etc)
• Introduction to GatsbyJS
• The GatsbyJS workflow (initialising, building, deploying via Netlify, plugins, demos?)
• Conclusion

Talk Date: -
Talk Title: Website Performance Over HTTP/2
Length: 30 mins
Twitter-sized Overview: Understanding benefits in HTTP/2 and how to use it to increase your website performance
Detailed Overview:

• What is HTTP/2?
• Header Field Compression
• Multiplexing Connection
• Server Push
• Push Resources in the Right Order
• Cache digests for HTTP/2 Push
• Conclusion

Talk Date: 19 April 2018
Talk Title: Build REST API Drastically cut the time with Strapi
Length: <= 15 Minute
Twitter-sized Overview (140 characters): Always spend time configuring many preparations for creating an API. With Strapi provides an web-based interface for creating REST APIs even without touching the code without leaving the authentication feature.
Detailed Overview:
Problems often encountered during competition like Hackathon, often running out of time even just to create a REST APIs such as authentication problems, relationships between tables/collection and more, using Strapi be able to create REST APIs like filling out forms.

• Existing Problem
• Introduction to Strapi, All things
• API Demo
• Conclusion
  Job Title: Fresh Graduate from Telkom School Jakarta

Full Name: Ronauli Silva
Talk Date: -
Talk Title: What I've Got from Analyzing ~1K npm Packages Vulnerabilities
Length: 20 Minutes
Twitter-sized Overview: Crawled reports from snyk.io and nodesecurity.io, and ran them through statistical function & visualization to get insights
Job Title: Software Engineer at BTPN

Talk Date: April
Talk Title: Data visualization as Design, Science, Art, and Journalism
Length: 24 mins
Twitter-sized Overview: introduction of visualizing data in an effective, understandable & beautiful manner
Detailed Overview:

• what is Data Visualization
• SVG, d3.js
• examples
• conclusion

Talk Date: -
Talk Title: Automate Task Runner with Gulp.js
Length: 30 mins
Twitter-sized Overview: Use gulp.js as alternative task runner automation.
Target audience: FE and BE dev, junior sysadmin.
Detailed Outlines:

• Intro: What – When – Where – Who – Why
• Gulp.js v4 features: task, watch, pipe, series, parallel
• Gulp.js plugins
• Examples
  • Preprocessing – Bundling
  • Linting
  • Other advanced tasks using node.
• Demo
• Closing