The Memberstack Blog

Sliders are a basic but powerful tool in Webflow, providing an aesthetically pleasing way to display visual and textual information on your site. Perfect for e-commerce businesses wanting to display products, creatives trying to showcase their portfolios, or anyone hoping to save space on their landing page, sliders should be a part of your suite of web design tools.

You’ll come away with 16 free clonable ideas that you can start using right away. Plus we’ll also be taking a look at the pro’s and con’s of 9 other authentication services that work seamlessly with Webflow to help you make your decision.

Do you want to know how custom code works within Webflow? Want to know what other people are doing with custom code? This article will: Cover what you need to get started using custom code in WebflowShowcase cloneable projects using custom code to push the limits of what can be done with Webflow

If you’re a business founder, developer, designer or someone who builds online, chances are you’re always on the look out for the next tool to streamline your processes. Thats where Integrations come in. With very minimal setup, you can add countless apps to automate every kind of workflow!

Struggling to figure out how much Webflow will cost you? Not sure why it feels like you’re paying two times for everything? Can’t explain how costs work to your new client? You’re not the only one.

React Redux useSelector is a custom hook introduced in React Redux v7.1.0. Combined with other custom hooks such as useDispatch, it enables developers to manage state in Redux while writing fast, performant, and easy-to-read code in as few lines as possible. In this article, you will explore useSelector, see how it works together with useDispatch, and know when to use it.

There are a few different methods for writing files in Node.js — each of them with its own pros and cons. In this article, we're going to discuss in detail the differences between writing files synchronously and asynchronously, how we can write files in Node.js using four different synchronous and asynchronous methods, then we'll see how to handle errors when writing files.

React.lazy() is a React component that allows you to load components asynchronously. The React.lazy API is a new feature added to React when React v16.6 was released, it offered a straightforward approach to lazy-loading and code-splitting our React components.

The componentDidUpdate() method is an update method that is invoked after the componentDidMount() method and this happens immediately after an update occurs and not for the initial render. This article takes a deep look at componentDidUpdate() which is one of the methods in the Updating phase.

"The truth is, the perfect auth solution doesn’t exist... at least, not in an absolute sense. It’s all about picking the right tool for the job." Memberstack's very own community engineer shares 3 principles to choosing the perfect auth solution.

Webflow and Editor X are two popular website builders with a wide range of useful tools and particular strengths and weaknesses for website developers and designers. In this article we compare each platform in detailed breakdown and comparison.

Webflow and Squarespace are two popular website builders with a wide range of useful tools and particular strengths and weaknesses for website developers and designers. In this article we compare each platform in detailed breakdown and comparison.

Developers who come from a non-Webflow background might be apprehensive about using Webflow for their project. Especially if they have their own technical requirements for the project.Fortunately, Webflow lets you export entire Webflow projects as static HTML, CSS, and JavaScript. This opens up Webflow for a variety of different use cases since you can edit the exported code however you need to.

Are you a developer who’s new to Webflow? Or a Webflow veteran? This article will cover the basics on how to get started with Webflow forms as well as advanced knowledge on how to push the boundaries with Webflow forms. We’ll also be covering the different integrations you can use as well as alternative options to explore! 

Learn how to use Webflow's APIs to manage collection items, and trigger actions when events occur – such as sending promotional emails to paying Memberstack members each time a new product item is added to a Webflow collection.

This article will discuss more on HTTP, HTTP requests, ways to make this requests in Node and how we can handle errors.

React has so many in-built hooks that allow functional components to plug into the lifecycle of the component and perform different operations. There’s the useState hook, useEffect hook, useLayoutEffect hook and many more. In this article, we’ll be looking at the useCallback hook. We’ll learn about the function of this hook, the relevance, a common use case for it, and we’ll also compare it with the useMemo hook.

React Fragment is a React component introduced in React v16.2.0. This component lets you group (or rather, “parent”) a list of React components without adding an extra node to the DOM. At the time of writing, this component only accepts on prop—the key prop.

When writing Node.js code, you'll frequently need to read the contents of a file or write new contents to some other file. There are multiple ways to accomplish this, and in this guide, we'll go over how to read various file types using the node.js file system (fs) module.

Sometimes we want to perform operations outside the scope of this data flow process, like interacting with an API. These operations are called side effects. In this article, we will explore how to handle side effects in React using a hook called useLayoutEffect.

React ref provides a means of accessing DOM elements in this article you will learn how and when to use refs, and how refs can be useful outside the DOM.

This post explores the new react context API. We will explore why we need react context, how it works high-level with example use cases and at what point should React developers reach out to context API to solve their problems. Our sample use case will then show you how to use React context with some examples and comparing React context with Redux, an external package solution used before the React context API was introduced into the library core. 

Stripe test cards are used for testing Stripe integration. The objective is attained by using test card numbers and other information to ensure planned integration.

User authentication is the fastest emerging aspect of website authentication. This article will illuminate the advantages and several methods to improve your website’s login using User Authentication techniques.

Suspense refers to React's new ability to “suspend” rendering while components are waiting for something and display a loading indicator. React suspense allows you to write cleaner React components that are performant and are easy to maintain. This article explains what React Suspense is and How it Works.

The useMemo hook is used for memoizing values in React Applications. useMemo memoizes computed values in a React component so that in cases of a component re-render, those values will not be recomputed. This article will teach you what a useMemo hook is and how to use it.

State management means keeping track of how our data changes over time. In React, we can manage state with hooks or using an external state management library like Redux. In this article, we will explore a hook called useReducer and learn about its capabilities for state management.

Redux is a state management library for JavaScript apps. In this article, we will walk over React-Redux and how to use it. We will use it to simplify the complex state management of membership and authentication flows.

In this article, we’ll understand what React Custom Hooks are, the benefits of using them and when to use them. We’ll also learn how to build two custom hooks and show them in use.

Firebase helps developers tackle problems like building apps faster, releasing and monitoring apps with confidence, and engaging app users. It is not, however, entirely free. As a result, we've reviewed a list of open-source, self-hosted Google Firebase alternatives for developers and businesses in this blog.

WordPress and Webflow are among the most powerful Website Builders. Each platform has its unique strengths and weaknesses. Which one is most suited to your

Stripe and Paypal are both renowned Payment Service Providers. Choosing the right payment partner can be confusing. Memberstack brings you the ultimate Stripe v/s Paypal comparison.

Gated content is content that users can access only after providing their information. It's a powerful strategy used for lead generation. Let's learn more about Gated Content in this blog!

I've had the opportunity to speak with half a dozen community experts over the last few weeks. I’m excited to share what I learned, and I look forward to hearing from you as I know many of you are launching and running communities of your very own.

With 1,000+ internet businesses onboard, we're committed to building a long-term product with funding from Google's AI-focused fund Gradient Ventures, Y Combinator, Firebase co-founder Andrew Lee, and others.

The Memberstack team wholeheartedly stands in solidarity with the Black Lives Matter movement.