AI Briefing#frontend
The latest AI and developer news about #frontend, with the original source and a short summary.
The latest AI and developer news about #frontend, with the original source and a short summary.
This introduces the organizational structure, tech stack, and working methods of Inflearn's Web Frontend Part.
Introduces how to implement interactive web animations without libraries by leveraging principles of mathematics and physics.
Kakao will hold its 5th Tech Meet on April 11 to share web frontend technologies, offering both an offline event and online live streaming.
Inflab built a design system that boosts productivity by leveraging open source, without a separate platform team.
Replit has launched an experimental plugin that instantly converts Figma designs into React code and exports them to the Replit environment.
The Oliveyoung frontend team explains the mocking issues they faced during their Next.js migration and the background behind adopting MSW.
Proposes three principles for improving common component quality: avoiding all-in-one designs, hiding native elements, and applying ARIA.
Kakaopay FE leads gathered to share practical concerns about technical scalability, managing, and web accessibility.
This shares the experience of implementing a complex menstrual event detection algorithm using the TDD methodology while developing Oliveyoung's W CARE service.
Openv0 is an open source framework that uses AI to automatically generate Tailwind-based UI components and enables rapid prototyping.
This shares the journey of a new developer who grew into a frontend developer through Oliveyoung's job transition program, 'Job Challenge.'
The KakaoPage web team resolved CPU overload and TPS degradation on their BFF server, caused by the default `keepAlive` value (false) in Node.js HTTP Agent, by explicitly setting it to true.
Shares the technical experiments and the process of adopting React Hook Form to implement a complex shipping address input form stably and efficiently in a React environment.
The test structure was changed to use an HTTP server within Docker following the discontinuation of filesystem support in Storybook 7.
Oliveyoung's frontend team introduces a case study of directly implementing Infinite Scroll to improve browser rendering performance.
This analysis examines the interaction between QueryClient, QueryCache, and QueryObserver, and the mechanism for component re-rendering upon server state changes using useSyncExternalStore.
Introduction to implementing authentication, database, and API with just a few lines of code using Amplify CLI and UI components
This post covers the background of how an Inflearn frontend developer came to build a Code generator to solve the inefficiency of managing API types.
The Kakao FE Platform team improved the performance score of the Order service from 20 to 90 by applying lazy image loading and windowing techniques.
User experience improved by reducing FCP by 0.4s and LCP by 0.6s, and achieving a CLS of 0.097
This analyzes how the Next/image component operates, its caching mechanism, and why the Sharp library is recommended.
CORS errors occur due to missing CORS headers in GET Fetch requests caused by Chrome and Safari cache policies, which can be resolved by global imports or adding the crossorigin attribute.
Rendering errors caused by Next.js Dynamic Import stripping the Swiper component's displayName can be resolved by manually setting it or using the transpilePackages option.
Improved readability by converting multi-environment conditional statements into a Map structure and enhanced execution performance with node_modules caching.