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.
The team introduced its operational methods, including the use of Gather Town, a six-month training program, and a Coordinator-Corporator system.
This article analyzes why stopPropagation fails when using Swiper alongside React due to React's event delegation structure and presents three solutions.
Inflearn adopted shadow DOM to resolve CSS style conflicts between its existing service and a new React app.
The tutorial implements a 600x600 pixel game where bananas spawn every 500ms and accelerate at 0.02 units per frame, with each caught banana awarding 50 points.
Reusability and intuitiveness were improved by resolving the scalability limits of prop-based implementations with composition components.
This article summarizes the key features of ES2022, released in June 2022, and TC39 Stage 4 proposals likely to be added to the official specification in 2023.
Inflab shares the process and results of adopting react-hook-form to solve form rendering issues and code complexity in the Rallit service.
Total home image size decreased from 25MB to 589KB, and page load time was reduced from 1.11s to 386ms.
Adopting Next.js file-system routing principles to implement component lazy loading, reducing initial file size by approximately 100KB.
KakaoPay's FE Infrastructure TF introduced a declarative component architecture by leveraging React Query's Suspense option.
Based on local environment benchmarks, Dev Server startup time decreased from an average of 3399ms to 2031ms, and production build time decreased from an average of 5617ms to 2238ms.
The team shared their experience applying React Query v3.34.0 to reduce state management complexity in a subscription service heavily dependent on server data.
This guide introduces how to integrate Lighthouse CI with GitHub Actions to automatically measure performance on code pushes and display detailed metrics like FCP and LCP with color coding in PR comments.
When API responses are very fast, intentionally delaying the display of the skeleton screen can improve the user experience.
A developer has released 'AdorableCSS', an on-demand Atomic CSS library designed to improve TailwindCSS's complex syntax and limitations while supporting Figma AutoLayout integration.
React Server Components solves the data fetching waterfall problem and enables direct access to server resources.
Highlighting the limitations of semantic CSS, this article revisits Atomic CSS as optimized for the era of component-based development and introduces its own framework, AdorableCSS.
Kakao Pay introduces how it uses Sentry to detect and respond to hard-to-predict frontend runtime errors.
KakaoPay adopted **React Query** to solve Redux's verbose Boilerplate problem and streamline asynchronous data management.
A case study on applying the Next.js Environment Variable URL approach to eliminate environment dependencies in build-time injection and enable multi-environment deployment from a single build.
KakaoPage Web shared practical solutions for subjective criteria issues, Figma integration, and Storybook usage encountered during the adoption of Atomic Design.
The winning projects and key award recipients from Replit's first hackathon, **MadeWithReplit**, have been revealed.
Resolved the clean environment issue on GitHub Actions runners using the type=gha option in docker/build-push-action.
The team introduced a culture where Android and iOS developers collaborate without OS boundaries, pursuing service improvements and personal growth simultaneously.