Closed ongmin closed 4 years ago
Title of your topic
Web Components In Practice
Topic description
In Feb 2019 edition of Talk.js, Aelbore gave an intro to Web Components, now I would like to deep-dive into implementing common features found in most web apps:
- CSS styling
- State management
- Pre/Server-side rendering
(this list could change as I build the deck)
In my presentation I will also attempt to implement the discussed features using browser API without third-party library help, and then compare with projects that use web components based third-party libraries.
Presenter(s)
Huijie (@EdgeJay)
Presenter's bio
Engineering Manager for Web @ HOOQ, likes to tinker with web-related stuff during his free time.
Duration
25 minutes for presentation; 5 mins for Q&A, discussion
Deck URL (if any)
Will add this part later
Moved to Oct 2019
Title of your topic Svelte: streamlined, lightweight web apps
Topic description
Vue React and Angular have been around for sometime now and follow rather similar paradigms Svelte really shakes up how we compose and create awesome apps by pulling Javascript into a compiler to generate lean awesome apps.
Presenter(s) Alex (https://github.com/anontyro) Frontend developer at HOOQ
Presenter's bio Frontend developer who is always looking to tinker and try new things regardless of area. Exploring new and exciting developments in Svelte, Rust and others...
Duration 25 minutes with 5 minutes Q&A
Title of your topic Seeking the right Page
Topic description Most developers use limit and offset to page through a large result set from a SQL database.
However, as the size of the result set grows, it will take longer and longer to retrieve each page because the query needs to iterate through all the previous records before it returns the current offset. In this case, indexes don't help.
To increase performance, we will explore implementing the seek method using nodejs and Sequelize.
Presenter(s) Steven Chan (https://github.com/KeelinChan) all my code is on bitbucket though
Presenter's bio System designer, architect and backend developer. Currently interested in privacy and cryptography.
Duration 15 minutes for the presentation and 5 minutes Q&A.
Deck URL (if any) https://docs.google.com/presentation/d/1A4uBa1vs_X8c_PfVtVBGz69BduDvM5d8ibHQDU_3Q5s/edit?usp=sharing
Title of your topic Graphics in JavaScript, for Business and Leisure
Topic description A review of modern JavaScript graphics rendering options, including SVG, canvas, and WebGL, with exploration their application to business charts and video games.
Presenter(s) Jeremy Smoler
Presenter's bio Enterprise Engineer at Facebook Singapore, former software developer for Oracle USA, occasional game developer
Duration 20 min to present + 5 min for Q&A
Hi @EdgeJay @anontyro @KeelinChan @eriknguyen @JeremySmoler! π
Sorry for such a slow summary on my part and thank you so much for proposing your talks, they all sound really great! I've just updated the venue too, this month's meetup will be at Cloudflare.
Unfortunately time is limited and if its alright, could we either i) move 2 talks to next month instead or ii) move one and cut time on the other talks so we fit in 4?
Q1. @EdgeJay are you still on for this month? Q2. @anontyro @KeelinChan @eriknguyen would anyone be open to October's spots? Q3. Can everyone cut their required talk + Q&A time to 20 minutes?
I know @JeremySmoler has to do it this month due to travel, he posted last but we started discussing early in July (before @KeelinChan's post to be precise).
Let me know what you each think so we can sort it out. Thanks a ton everyone. πββοΈ
Hi @ongmin I can move to next month that is also fine also I'll aim to shorten as well to be just a 20min thing :)
Yes I can cut the talk and Q&A time to 20 minutes
Yes I'm good with October slot
Q3. Can everyone cut their required talk + Q&A time to 20 minutes?
Sure, can do.
Jeremy
Hi @ongmin I will move my talk to Oct too.
Title of your topic Crafting your dev experience in a component age
Topic description UI componentization is not a new idea. All modern and complex front-ends are composed by multiple UI components. While having your own reusable components library is extremely useful, maintaining it is not a trivial task considering all the aspects involved: implementing, testing, reviewing, designer feedback, versioning, publishing, iterating that process over and over. In this discussion, weβll explore how to improve our own development experience by managing components library in a monorepo with Lerna in addition to leveraging latest version of Storybook and Jest. Besides that, we will also demonstrate how to start coding much faster by writing a code generator and how to publish our components using NPM and Github.
Presenter(s) Erik Nguyen
Presenter's bio Front End Engineer @ Rakuten Viki. Passionate about the React ecosystem and how to utilize it to improve web quality and development experience.
Duration 25 minutes for presentation; 5 mins for Q&A, discussion
Deck URL (if any) TBC
Moved my talk to Oct too.
Thanks everyone! So seems like we now have 3 talks for September and no need to shorten our talks by much. :)
I'll go ahead and update the meetup page with the above. See you all next Wednesday! :)
Hi Alexander and Jeremy! (@anontyro @JeremySmoler) If you would like to add your deck and repo, please feel free to add it here. Would be great for people to be able to to find them again. :)
π Details
π Agenda
:speech_balloon: Talks
:seedling: Propose a talk this month
Want to speak at this month's talk? Leave a comment below with the following details:
Click for details
> #### Title of your topic > Insert catchy title here > > #### Topic description > Tell us what you'd like to talk about > > #### Presenter(s) > Include GitHub handles where possible. Add your Twitter handle if you wish > > #### Presenter's bio > A short introduction of yourself > > #### Duration > 5 minutes for presenting an introduction to the topic, then up to 20 minutes for discussion. > > #### Deck URL (if any) > You can add this part in later:loudspeaker: Open announcements
Have something you'd like to tell the audience? We have an open announcement segment for you to announce job opportunities, promote a meet up, upcoming conferences, etc.
:pencil: Organizers' checklist
Click for details
- [x] Check available dates on [EngineersSG](https://engineers.sg/) - [ ] Confirm date and venue availability - [ ] Create event on [SingaporeJS Meetup Page](https://www.meetup.com/singapore-js/) - [ ] Inform @engineersftw for video recordings - [ ] Announce event on [SingaporeJS Gitter](https://gitter.im/SingaporeJS/home) and other social media platforms - [ ] Prepare deck for event \* _checked boxes indicate confirmed/done_