September 2023 Summaries

React Server Components (RSC) enhance web applications by allowing secure server-side API calls and efficient client-side browser API use, thus optimizing code by reducing server-only dependencies in client bundles. A case study conducted on productonboarding.com using Next.js and RSC demonstrated a 62% reduction in bundle size and a 63% improvement in Google's Speed Index compared to a non-RSC version, showcasing the significant performance advantages of RSC. The experiment utilized Vercel for deployment and various performance tests, revealing that while the RSC version's served page size increased, it achieved a quicker first contentful paint than its client-side counterpart. With the Frigade React SDK now compatible with RSC, there is an anticipated growth in demand for RSC-compatible libraries as developers seek to reduce their bundle sizes dramatically.

React Server Components (RSC) offer a way to split server and client rendering between individual components, enabling secure server-only API calls and client-side browser API usage, which optimizes performance by reducing client-side code. A case study on productonboarding.com demonstrated significant performance gains when using RSC with the latest Next.js version and the new App Router, showing a 62% reduction in bundle size and a 63% improvement in Google's Speed Index compared to a non-RSC version. Despite the RSC version having a larger served page size, it achieved a faster first contentful paint than the client-side version, highlighting the effectiveness of RSC in optimizing web performance. The experiment results indicate a growing demand for RSC-compatible libraries, and the Frigade React SDK now supports RSC, demonstrating an ongoing evolution in leveraging these components for improved web application efficiency.

Frigade has launched productonboarding.com, a curated visual library designed to showcase the best product onboarding examples from across the web. This platform, built from an extensive internal collection of onboarding examples, is intended to assist product managers, designers, and engineers in discovering effective onboarding patterns used by successful software companies. By offering a resource that is both browsable and sortable, the site aims to eliminate the need for creating onboarding experiences from scratch or relying on extensive A/B testing. Frigade plans to expand this library weekly, adding new examples and code snippets to facilitate the adoption of preferred patterns, ultimately simplifying the onboarding process for users.

Productonboarding.com is a newly launched platform by Frigade that offers a curated visual library of exemplary product onboarding practices from various software companies, aimed at helping product managers, designers, and engineers efficiently adopt proven patterns without starting from scratch. This resource originates from Frigade's extensive internal collection of onboarding examples, which has been instrumental for their clients in identifying effective strategies without the need for extensive A/B testing. The website makes these resources easily accessible and sortable, with plans to regularly update the repository with new examples and code snippets to facilitate quick implementation.

Frigade enhances user experience customization by enabling the refinement and adaptation of UX based on actual user data, allowing control over the state and visibility of Flows and their Steps using recorded user data. This is facilitated through a custom query language that allows writing boolean expressions based on user properties, which can now be managed via a visual targeting editor within the Frigade app. This update simplifies the process of constructing complex targeting queries that were previously code-based, making it easier to accommodate various user-specific conditions without the need to remember precise syntax or events.

Frigade offers a feature that allows users to personalize and adapt their user experience based on real-time user data, utilizing a targeting system that enables the control of Flow and Step visibility through recorded user data. This system, initially reliant on code-based queries for customization, now includes a visual targeting editor within the Frigade app that simplifies the process by allowing users to select properties and events from dropdowns, eliminating the need to remember complex query syntax. The targeting is powered by a custom query language, which facilitates the creation of boolean expressions to manage user interactions effectively, addressing various scenarios such as task reminders, compliance requirements, and flow progression.