React

Overview Simply asking users to sign up isn’t just annoying—it could be costing you 45% of your potential customers, according to the famous $300 Million Button case study. Even worse, this friction is amplified on small screens, where abandonment rates spike to 86% for mobile users who simply refuse to type lengthy forms, according to recent abandonment data. By the end of this article, you’ll have a flow where users can build value first and sign up second, without losing their data. So you can avoid this huge loss of potential customers. ...

Prerequisites This tutorial follows my previous post on handling Rails API authentication with React frontend. You can follow along without it, but I assume: You’re using Ruby on Rails with a React frontend You’ve implemented cookie‑based authentication How it works After login, the browser stores a secure cookie that’s automatically appended to every client request. An attacker’s site can forge requests on the user’s behalf, and they’ll be authenticated. Attack vector: Another site issues requests to your site while pretending to be the user. ...

Introduction React Native doesn’t have a native <form> element, and managing the state of multiple inputs can be verbose. That’s why I’ll show you a simple way to handle forms using Formik and Yup. Once you get the hang of it, you’ll be able to build more complex forms with ease. Prerequisites Expo CLI installed (docs) Basic React Native knowledge Wrap your app with React Native Paper’s <PaperProvider> (docs) Setup npx create-expo-app my-formik-form cd my-formik-form npm install formik react-native-paper yup How does Formik with React Native work 1. Import dependencies app/components/MyForm.tsx ...

Overview In this tutorial, you’ll learn how to implement cookie-based authentication with Rails 8. Rails offers many authentication methods—even DIY ones—but cookies are secure, easy to use, and handled automatically by browsers. While many tutorials use JWT, it has a major drawback: where do you store it? Local storage is insecure and easily exploited. Though you can secure JWTs with extra effort, it’s still a relatively new technology. If your primary API consumer is the browser, cookie-based authentication is safer and simpler. ...