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.
Beauty Kurly switched from Redux to React Query, improving the average product selection position when applying filters from 32nd to 19th.
How to easily implement complex view transitions using the View Transitions API.
The team shared practical experience applying SOLID principles to React component design and BFF architecture to enhance maintainability and scalability.
Kakao's new front-end developers strengthened their technical skills through 6 weeks of mission-based practice, including cloning Instagram and Netflix, and code reviews by current employees.
Developing a Next.js and Tailwind CSS-based webtoon service prototype using ChatGPT (gpt-3.5) took approximately 5 hours, but design and verification remained the developer's responsibility due to compatibility issues with the latest libraries and hallucinations.
Implement zoom-in and zoom-out logic by measuring the change in distance between fingers using the TouchEvent API without any libraries.
This article introduces practical experience in building visual regression tests integrated with Storybook using the free open-source BackstopJS, and automating them with Docker and GitHub Actions.
This article introduces how to set up Jest Custom Matchers to reduce repetitive validation logic and the process of defining TypeScript types.
Applying Sorry-Cypress parallel testing reduced E2E execution time from over 2 minutes to the 30-second range.
Implement home screen installation with three conditions: HTTPS, manifest, and service worker.
This article introduces how to implement an image carousel without JavaScript by understanding the principles of the Scroll-Snap API and utilizing the scroll-snap-type and scroll-snap-align properties.
Kakao FE analyzed the reasons behind the stalled standardization of Promise cancellation and shared a case study on resolving rendering cancellation issues in ad SDKs using a rollback delay approach.
Oliveyoung launched the Live section, improving performance and user experience by applying a new architecture.
Junior FE developers at Kakaopay share how they ran a study group and their note-taking know-how to strengthen their practical skills.
This article introduces code that intercepts actual network requests and returns fake responses using Service Workers and MessageChannel.
Oliveyoung built a modular event page template to reduce publishing resources amid the growth of live commerce.
This covers the frontend optimization process to improve the loading speed and user experience of Olive Young's online mall main page.
This article introduces the process of building an SPA routing system using Fragment hashes and regular expressions without react-router-dom.
This article explains structural typing, union/intersection types, template literal types, and strict object literal checking rules with examples.
Compared the pros, cons, and application scenarios of Render Props, Compound Component, Controlled Props, Props Getter, and State Reducer patterns.
Due to the absence of React 18 adoption, they developed and applied a custom Fetcher component instead of Suspense.
Custom units and plugins were applied to resolve readability issues and the lack of naming conventions in Emotion CSS, while improving accessibility.
The approach involves running GitHub Actions from the terminal by selecting region and env without creating a branch.
This article outlines how to declaratively manage complex UI state flows using XState's core features, such as context, guards, and services.