#React #TypeScript #MicroFrontends #Turborepo #WebDevelopment #Frontend @react.dev @typescriptlang.org @scriptedalchemy.bsky.social @turbo.build
#React #TypeScript #MicroFrontends #Turborepo #WebDevelopment #Frontend @react.dev @typescriptlang.org @scriptedalchemy.bsky.social @turbo.build
π» Live Demos:
πΉ Host Application: lnkd.in/eVjTnF6f
πΉ Remote Application: lnkd.in/eu4hTV-v
π GitHub Repo: lnkd.in/e7EaUyrG
If you're exploring micro frontends or working on scalable frontend architectures, I'd love your thoughts! π‘
Letβs connect and discuss. π
Iβve put together a Micro Frontend Starter using Turborepo, React, and TS to make building and managing micro frontends easier. It includes:
β
A monorepo structure with shared packages
β
ESLint, Tailwind, and TypeScript configurations for consistency
β
A UI component library for reusable elements
π Micro Frontends with Turborepo, React, & TypeScript! π
Micro frontends are a game-changer for scaling frontend applications! Instead of managing a massive monolithic UI, you can break it into independently deployable modules - just like microservices for the frontend.
The questions were:
- Unique 3-Digit Even Numbers - easy
- Design Spreadsheet - medium
- Longest Common Prefix of K Strings After Removal - hard
- Longest Special Path II - hard
#LeetCode #CompetitiveProgramming #CodingChallenge #InterviewPrep
Had my first LeetCode competition today! π§βπ»
I managed to solve the first two (easy and medium) and started the third (hard). πͺ It was a great experience, and Iβm excited to tackle the next one! #LeetCode #CompetitiveProgramming #CodingChallenge
π Just pushed some updates to the Next.js Starter Kit! Keeping things fresh with the latest dependencies and improvements. Check it out and let me know if you run into anything! π§π₯
github.com/imevanc/next...
@nextjs.org @react.dev @typescriptlang.org @playwright.dev
@vercel.com @nextjs.org @react.dev @typescriptlang.org
I found a few solutions on Stack Overflow, like wrapping the not-found.tsx in new <html> and <body> tags. However, Iβm concerned this might cause hydration errors, as the initial HTML rendered by the server might not match the HTML generated by React on the client side.
PayHive is coming to life! Today, I designed and built the error page. Does anyone have a good solution for preventing the error page from displaying the header and footer from the root layout?
SVGs look so weird on bluesky. :P
PayHive logo
!!!!!!!
I did a bit of work today - PayHive now has an awesome logo and a responsive header! The hero section is coming tomorrow morning, stay tuned :) @vercel.com @react.dev @typescriptlang.org github.com/imevanc/payh...
Oh, and the community? Itβs absolutely incredible! π¬π
Follow my journey as I build PayHive - exciting things are on the way! π
github.com/imevanc/payh...
Big shoutout to Vercel for creating such a smooth full-stack ecosystem π - I managed to configure all the backend setup with just a single click!
Next.js brings powerful features like server-side rendering, pre-rendering pages before they hit the browser, and more. π₯οΈβ¨
@nextjs.org deployed on @vercel.com, with @typescriptlang.org, @react.dev, @tailwindcss.com, #NextAuth, @postgresql.eu (via @supabase.com), and @prisma.io as the ORM. π
This year, Iβll be developing a new accounting software called PayHive π. Choosing the tech stack has been the most challenging part so far, but Iβve decided on:
@react.dev @typescriptlang.org #react #reactservercomponents #typescript #code #develop
The process taught me the true power of RSC: efficient rendering, reduced bundle sizes, seamless server-client integration, and enhanced caching capabilities. Excited to use this technology in my next open-source project. π¨βπ»
Happy New Year!! ππ
I built a small a framework on top of React Server Components following a tutorial, and it's a life-changing experience. π¨βπ»
Are there any specific libraries or techniques youβre considering for implementing the multiple levels of zoom with swipe and pinch gestures?
What a year! Bluesky opened its doors just last February. Since then, we opened federation, launched video, rolled out trending topics, and a whole lot more.
Happy New Year, and hereβs to a great year ahead! π
In 2024, I worked towards the CKA pathway, and I recently learned that @mumshad.bsky.social is hosting a KubeAstronaut cohort in 2025. The kickoff call is happening today, and Iβm excited to explore advanced concepts alongside others in the program. @kubernetes.io www.youtube.com/live/PZ8gM3B...
(4/4) - Wishing everyone a joyful holiday season and happy coding! π πβ¨
(3/4)
- Renovate: Integrated Renovate to automate dependency updates.
- Amazon CloudFront integration is still pending. This will be addressed in an upcoming update to further reduce latency and improve content delivery across regions.
(2/4) - Here are the key changes I made:
- Next.js: Upgraded to version 15, introducing the new App Router for enhanced routing capabilities.
- React.js: Upgraded to version 19 for improved performance and the addition of new hooks functionality.
(1/4) - π Merry Christmas, World! π
This morning, while waiting for Christmas dinner, I decided to update my Next.js-AWS-S3 integration project. @nextjs.org @vercel.com @typescriptlang.org @react.dev #aws #aws-s3 #amazon-cloudfront
github.com/imevanc/next...
article screenshot. βimage failed to loadβ placeholder image. below it, a caption: βFromSoftware. this is your first time seeing this monster. the second time will be in your nightmares tonightβ
There's a PR to make TypeScript work in Node by default.
Happy freaking Christmas.
git-wrapped.com/profiles/ime...
Interesting year ππ