Atabur

Doing DOM Manipulation👀

Seniors FrontEnd dev at MMT

🎯Building :

[Atabur @Atabur_R]

Exciting news! 🚀 I’ve built SyntixPay, India’s first payment system designed specifically for teachers.

No more manual fee follow-ups. Get auto-reminders, a real-time dashboard, and UPI/Card support in minutes.
Focus on teaching, not tracking. 📚✨
https://t.co/83DeTDhcxM

[Atabur @Atabur_R]

Modernize your coaching center with SyntixPay! 🎓
Stop chasing cash & manual screenshots. Give parents digital convenience with: ✅ UPI, Cards & Net Banking ✅ Secure PCI-DSS Payments ✅ Instant Digital Receipts ✅ Batch-wise Tracking
Sign up: https://t.co/SKc82fBdfq

#syntixPay

[UpFront91 @upfront91]

🚀 The 3rd edition of #Upfront91 is here!
Frontend Engineering & AI – dive deep into Application Development, Observability & Performance with the brightest minds in tech.
📍 MMT, Bangalore | 🗓️ Nov 29, 10 AM–5 PM
👉 Secure your spot now: https://t.co/tDdAESoomt
#MMTEvents

[UpFront91 @upfront91]

Remember when frontend was just HTML & CSS?
29th Nov we’re showing how AI writes, optimizes & debugs it for you.
MakeMyTrip office, Bangalore. Be there.
Register Now → https://t.co/iowGhjuDMd
#upfront91 #AI

[Y Combinator @ycombinator]

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs.

Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

[Lee Robinson @leerob]

Two things all fast websites have:

1. Fast initial page load
2. Fast transitions between pages

There's two concepts you need to understand for this:

1. Prerendering
2. Prefetching

I’ll briefly explain both and how Next.js handles them under the hood.

Prerendering

To have a consistently fast initial page load, ideally you do some work ahead of time. If you need to create the page from scratch on every request, it is more likely some users will have a slow experience.

Prerendering is where you take the inputs to your page (like a CMS or a database) and produce an output that can be cached. Data in, HTML out.

Critically, this work happens *before* the user makes a request. You might have heard this called SSG (Static Site Generation). You can prerender all of the pages for your site. Then, take the outputs and put them behind a CDN. Consistent, predictable, fast initial page loads.

But what happens when your content changes? For a simple website, you might just regenerate all of the pages again from scratch. For slightly larger websites, you can selectively update a *single page* in the background.

This is called ISR (Incremental Static Regeneration). But the acronym isn't the important part. It's still prerendering — it's just happening in the background.

Bonus: What if most of the page can be prerendered, but there's one section which shows content that is unique to the visitor? Can you combine prerendering *and* fresh user data? This is called PPR (Partial Prerendering), and is an experimental feature of Next.js.

Prefetching

Let's say you have a web application with 100 pages. When navigating between different pages, you want it to feel instant.

At some point, you need to load the data for the next page. There’s no getting around that. The question then becomes — when does the new page load?

You know how mobile apps can feel really fast moving between tabs? Well, that's because you had to watch the App Store loading spinner while downloading a gigantic blob of code to your phone. You paid the cost upfront.

Similarly on the web, you can pay the cost upfront. Bundle all of the code into a JavaScript file, and load it when you boot the app. This is the traditional SPA (Single-Page Application) approach.

Because you did the work ahead of time, subsequent navigations between pages are really fast. But, can we have both? Can we navigate quickly between pages *and* have a fast initial page load?

Next.js splits your application into smaller chunks of code, which load based on the page you are navigating to. Rather than downloading all the code at once, you load it incrementally.

Next.js also understands which pages you are likely going to navigate to, so it's able to *prefetch* the new page in the background. By the time you go to click the link, the new page has already been loaded. It's a magic trick.

You click and there's no browser loading spinner. Instead, the client quickly switches to the newly loaded page. This is nice because it scales as you add more pages in your application, without inversely affecting the initial page load time.

Next.js tries to do the right prefetching by default (more improvements coming here shortly...) and power users can tweak the knobs to do more/less prefetching based on their needs. You have the control between performance and resource consumption.

Summary

The web has many rendering acronyms to explain how pages can be created: SSR, CSR, SSG, ISR, PPR, and more.

But I've found it helpful to instead think about it as:

1. When is content being prerendered? Ahead of time? In the background? Or are we getting fresh data on every request?
2. When are we paying the cost to load the next page? Ahead of time? In the background? Or are we loading a new page from scratch on every request?

I'm still workshopping this framing, so open to feedback.

[Atabur @Atabur_R]

Getting ready for @upfront91

[UpFront91 @upfront91]

🚀 Excitement is in the air! Our incredible volunteers are all set for Upfront91 tomorrow!

🎉 Get ready for an unforgettable experience filled with energy, inspiration, and fun! Let’s make it amazing together! 💪✨

[UpFront91 @upfront91]

🚀 Exciting News for #Upfront91

We’re delighted to welcome @iam_dhananjayk, who will be sharing his expertise on "Performance Pipeline"!

🌟Don't miss this game-changing session

⚡️Register: https://t.co/2rsCYMhI9d
📌Agenda: https://t.co/MiOIUAgrFZ

#FrontendEvents #javascript

[Atabur @Atabur_R]

@react_india @JNYBGR 🚀 Exciting News! Join us at UpFront91, a premier FREE Tech Frontend event.🌐 Check out the details and register now: https://t.co/y2sLVkK3AB

[Atabur @Atabur_R]

@ReactMiamiConf 🚀 Exciting News! Join us at UpFront91, a premier Tech Frontend event.🌐 Check out the details and register now: https://t.co/y2sLVkK3AB

[UpFront91 @upfront91]

🚨 The Countdown Begins! 🔔 Only 23 days to UpFront91! 🎉✨

📅 Date: 21st Sep 2024
🌍 Location: MakeMyTrip, 7th Floor, Kalyani Helios Tech Park, Bengaluru
📌 Agenda: https://t.co/tDdAESoomt

👉 Don’t miss
🔹 Expert Talks
🔹 Hands-On Workshops

#UpFront91 #Tech #javascript

[President of India @rashtrapatibhvn]

রাষ্ট্রপতি কোবিন্দ প্রাক্তন রাষ্ট্রপতি শ্রী প্রণব মুখার্জিকে 'ভারতরত্ন' সম্মান প্রদান করেছেন। শ্রী প্রণব মুখার্জি একজন প্রাজ্ঞ রাষ্ট্রনায়ক এবং ভারতবর্ষের অন্যতম শ্রদ্ধেয় রাজনৈতিক ব্যক্তিত্ব।তাঁর দী���্ঘ পাঁচ দশকের রাজনৈতিক জীবনে শ্রী প্রণব মুখার্জি বিভিন্নভাবে দেশের সেবা করেছেন

[Atabur @Atabur_R]

When things are happening for you, the Universe sends signs to tell you that your dreams are coming true. The thrill of possibility runs through you when you receive a small sign that you are on the right path.
#dream #passion #goals #motivation

[Atabur @Atabur_R]

I like trains. I like their rhythm, and I like the freedom of being suspended between two places, all anxieties of purpose taken care of: for this moment I know where I am going.

#trainjournes.
#traval #frerdom #happy #trains #indianrailways #speed #india

[Atabur @Atabur_R]

Wherever you go, no matter what the weather, always bring your own sunshine.
#vitchennai
#photography #nature
#naturelovers #India
#butterflies #love

[Atabur @Atabur_R]

Vit Chennai @VibranceVIT 2k19
#BikeStunt @TVSCredit .
Awesome #stunt .#vit

[Atabur @Atabur_R]

Vit Chennai Vibrance 2K19 night coming @ItsAmitTrivedi ,@kennyseb4life @progressivebros and #justri #woizee

[Atabur @Atabur_R]

“It’s not about ideas. It’s about making ideas happen.”- Scott Belsky
#indiapictures🇮🇳
#travelphotography
#Chennai

[Atabur @Atabur_R]

@traveltriangle @tourismgoi @UNWTO It's already so many days ! But no contact?

[Atabur @Atabur_R]

Very worst experience with @traveltriangle .They made false commitment and ensuring of refund but almost it's 50 days no response ! All proves are summited already @tourismgoi @UNWTO please help!

[Atabur @Atabur_R]

Sare jahan se accha .@rashtrapatibhvn