JS Lover Meetup Experience

Meetup organized in fresh work technology in Perungudi,chennai

JS lover team enhance meetup with some task and providing chocolate for winners and so on

In this meetup i get some AI tools

        `emergent ai` `replit ai`

Talk 1 :Shadow DOM, Custom Elements & Templates by Senthilnathan

He explain about how to create the custom element in HTML by create javascript class that extends HTMLElement

In creating the custom element that follows the flow

1. constructor()

2. connectedcallback()

3. attributechangecallback()

4. disconnectedcallback()

Custom element using the shadow DOM to encapsulate the structure and style that cannot be affect the main DOM sturcture

*Panel session : Naveen , Sanju Sivalingam, TrishiRaj and Vignesh Murugan *

In panel session *Vignesh murugan * role as a interviewer and founder of JS lover

Naveen - > Founder of 7 angles company and share his struggles in creating the company and making profit in the creating appilcation and also he give some points for developer to make the prefect license for the creating software.

website : https://7angle.com/

Sanju Sivalingam - > Founder of Dun suite company and THISUX design studio

He tell him for the developer how can make the profit in create software by targeting the USA clients and so other countries

He Suggest the reddit website it useful for posting the created application demo and reach out the USA client for his profit and also suggest some website for selling

https://supabase.com/https://www.petpooja.com/

TrishiRaj : He is the Andriod Developer in Solaris company

He give some tips for developer first make love on developing then only the outcome is came of your decision

Talk 2: React Reconciliation by Aravind Kumar J, Lead Software Engineer at Freshworks

He explain the react rendering concept very well with examples

Rendering - > It happens when the state and props change

React fiber -> It supports the asynchronous rendering to perform the changes fast using the react

Reconciliation follows three steps:

1. Trigger

2. Render

3. Commit

Trigger:

The components initial render and update in the react scheduler

Render:

React reconciles the component initially render and marks as dirty for commit process

Commit:

In commit process it applying actual DOM manipulation and run Effects like useEffect, useLayoutEffect.

In the react conciliation process the HTML element should be different then only the any updates happens it change efficiently in that element

If the HTML element are same the react conciliation happens in the first element not happens others to overcome this you can use the key for particular element for react conciliation.