Building a web app using Laravel with React offers a winning combination of robustness, efficiency, flexibility, and user experience. By leveraging the strengths of these technologies and their respective ecosystems, we can create a modern, scalable, and competitive web app that meets the needs and expectations of our users and stakeholders. Build a Laravel app
(…)UXPin Blog — Design Studio
-
-
Webinar Announcement – Build Products 8.6x Faster
Want to build web apps faster? Join our upcoming webinar for busy developers who have no time to learn vector-based design tools. Our experts will walk you through creating a UI design by dragging and dropping React components from top libraries like Material UI. That’s just the beginning! They will also show you how to
(…) -
UI Design vs. UI Development – What’s the Difference?
There are many software and web development roles and responsibilities–from initial concept to design and delivery, QA, and lifecycle management. UI design and UI development are two crucial roles that impact how users engage and interact with a user interface. This article compares the practice of UI design vs. UI development, the people behind these
(…) -
What is a CRUD App?
A CRUD app is an application that performs the basic operations of Create, Read, Update, and Delete on data. That’s why it’s abbreviated into CRUD. The four operations represent the fundamental actions that can be performed on most database management systems and are essential for managing data within an application. CRUD operations are most commonly
(…) -
Functional vs Class Components – What Do You Need to Know?
As a web developer, you may have heard of React, a popular JavaScript library for building user interfaces. One of the key features of React is its component-based architecture, which allows you to break down your user interface into reusable and independent building blocks called components. In this article, we will explore two types of
(…) -
Ant Design 101 – Introduction to a Design System for Enterprises
Ant Design is a popular design system for developing enterprise products. The comprehensive component library has everything product teams need to solve most modern B2B design problems. Key takeaways: With UXPin Merge, design teams can import Ant Design UI components to build fully functioning prototypes. This article outlines the benefits of working with Ant Design,
(…) -
Design to React code – How UXPin Merge Speeds it up
Converting designs into functional React code is a pivotal step that often comes with challenges such as misinterpretation, inefficiency, and inconsistency. Emerging technologies like UXPin’s Merge aim to streamline this antiquated process by facilitating a code-to-design workflow, allowing you to design with React components. Key takeaways: Design with React code using an intuitive design interface
(…) -
Low Code vs Traditional Development – Which is Best for You?
Traditionally, any software project called for a high upfront investment and an expert team, who would spend months on creating code. Fast forward to today, and the software development process has become much more accessible, with solutions like low code keeping the need for manual coding at a minimum. In this piece, we look at
(…) -
How Storybook Helps Developers With Design Systems?
Storybook has become THE DevOps tool for developing and maintaining design systems. The platform’s excellent documentation, intuitive UI, built-in testing, and collaborative features make it the perfect tool for building and releasing components. Understanding how Storybook works can help designers collaborate with front-end devs better and leverage the platform’s features to improve prototyping and testing.
-
React vs HTML – Can You Spot a Difference?
HTML is a markup language while React is a JavaScript library. Both are used in front-end development and you might have heard about them while designing websites or web apps. Without further ado, let’s see what’s the difference between HTML and React. Key takeaways: Create React app design much faster with UXPin. Bring real React
(…) -
A Guide to Creating Your First React App
Most developers can create their first React apps rather quickly because they already have experience using JavaScript. Let’s see how the two are related, what you need to build your first React app, and how to practice React. Key takeaways: Speed up development of your first React app with UXPin’s Merge technology. Bring React components
(…) -
What is Design-Driven Development?
Prioritizing user experience and functionality has reshaped how we approach software creation, leading to the rise of design-driven development (DDD). This approach isn’t about aesthetics–it’s about understanding, empathizing, and delivering solutions that resonate with end users. Key takeaways: UXPin’s Merge technology bridges the design-development gap, enhancing collaboration and facilitating realistic, user-centric prototyping. Deliver design-driven products
(…) -
React for Designers – A Designer’s Guide to React
Learning React for designers–is it necessary? Can you build code prototypes without learning to code? These are common questions among product development teams and designers. Most designers don’t want to learn to code. Learning React or even the basics of HTML, CSS, and Javascript takes a lot of time. A designer’s time is better spent
(…) -
How to Design a Date Picker that Makes Your UI Shine
Date pickers are some of the most familiar UI patterns in digital product design. UX designers use date pickers on websites, applications, games, enterprise software, operating systems, and more. Designers must understand how these date pickers will work across screen sizes, operating systems, devices, etc., to test the impact on the product’s aesthetics, functionality, and
(…) -
Does Storybook Work With Figma? [+ What to Use Instead]
Storybook Connect for Figma aims to link Storybook stories to Figma designs to streamline UI review and design handoff. Storybook Connect has its limitations. As you’ll learn in this article, UXPin Merge’s Storybook integration is a better alternative to Figma Storybook plugins. Key takeaways: Bring Storybook components into the design process with UXPin’s Merge technology.
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial