Mihir Raval’s Post

In 2024, designers will embrace coded design system more. More and more designers will see the value of having their design system be integrated with code. #Coding #UI #2024Trends

We had a really fun time building in @flutterflow this morning and was able to easily build this #kanban board within 40 mins. #flutter #flutterdev #flutterflow #nocode #lowcode #ui #design

Why Are Micro Frontends So Popular? Micro frontends are transforming how we build and manage complex web applications. Their popularity stems from several key advantages: 𝐌𝐨𝐝𝐮𝐥𝐚𝐫 𝐀𝐫𝐜𝐡𝐢𝐭𝐞𝐜𝐭𝐮𝐫𝐞: By breaking down a frontend into smaller, manageable pieces, teams can develop, test, and deploy features independently. 𝐒𝐜𝐚𝐥𝐚𝐛𝐢𝐥𝐢𝐭𝐲: Micro frontends enable teams to scale development efforts across multiple projects without tight interdependencies. 𝐓𝐞𝐜𝐡𝐧𝐨𝐥𝐨𝐠𝐲 𝐀𝐠𝐧𝐨𝐬𝐭𝐢𝐜: Teams can use different frameworks and technologies for various micro frontends, allowing flexibility and innovation. 𝐅𝐚𝐬𝐭𝐞𝐫 𝐓𝐢𝐦𝐞 𝐭𝐨 𝐌𝐚𝐫𝐤𝐞𝐭: Smaller, isolated components mean faster development cycles and quicker releases. Micro frontends streamline development, improve team autonomy, and foster innovation, making them a compelling choice for modern web applications. #MicroFrontends #WebDevelopment #TechTrends #FrontendDevelopment #ModularArchitecture #ScalableDesign #TechInnovation #AgileDevelopment #Microservices #FrontendArchitecture #SoftwareEngineering #DevelopmentTrends #TechTalk #ModernWeb #Coding #WebDesign #SoftwareDevelopment #UI #UX #Frontend #DevelopmentBestPractices #TechCommunity #Innovation #TechSolutions #Engineering #TechStrategy

OpenUI is a new tool to generate UI using plain English. Watch the video! - OpenUI: A tool by W&B for building UI components efficiently. - Supports Various Frameworks: Descriptions can be converted to React, Svelte, Web Components, etc. - Live Rendering: See your UI live as you design it, facilitating quick iterations. - Open Source: Collaborative development with a community-driven approach. - Local Installation: Clone the repository, install dependencies, and run locally. - Docker Support: Easily build and run using Docker containers. Automatic Reload: Changes in both frontend and backend are automatically reflected in the browser. Active Community: Over 1.7k stars on GitHub, indicating active engagement and adoption. Isn't it amazing? Let me know if you'd like to try it in the comments. #ui #react #svelte #uiux #ux #frontend Here's the link: https://lnkd.in/ed4EbfTx

Yesterday we went over how to create a custom toggle element in @flutterflow we utilized this to create very common #uipattern, a map & list view for events. #lowcode #nocode #flutter #flutterdev #flutterflow #visualdevelopment #ui #buildinpublic #nocodeui #flutterui #design

Bubble has declared that "Prototypes Are Dead." Indeed, in light of the #NoCode revolution, the game has changed. And so has the pace of the tech world. But let's dive deeper. At the beginning of every great product stands the initial #idea.👇 The first question we need to answer is: who, beyond us, will love it? We used to test our ideas by presenting users our concepts as prototypes, usually Figma-designed mockups. However, the old-school #prototypes came with limitations: ❌ … The development of prototypes was very time-consuming. We never tested more than one idea. ❌ … The insights from prototype testing remained limited, limiting our confidence in the idea. ❌ … The designs were not scalable – meaning the efforts were wasted no matter whether the project was going into development. Enter #NoCode tools, such as Bubble and Webflow, transforming the product development dynamics: 🚀… With No-Code magic, we can create and test several solutions in parallel, which we call "multi-traction tests". These tests allow us to identify the most promising opportunity. 🚀 … Going live instantly lets us gather profound insights from real-world product performance, bolstering our confidence in the idea's validity. 🚀 … A successful idea swiftly evolves from a low-fidelity solution to Version 1 without squandering time or resources. The focus shifts to scaling the product efficiently. The pivotal question: When would you skip the classic UX prototype testing and go live straight away if it involved similar efforts? 👉 Join the debate on the future of product development! Share your insights and perspectives. Are we at a transformative turning point? Explore the article by Bubble on this topic: https://lnkd.in/eaaedX_5 #Innovation #NoCode #ProductDevelopment #TechDebate

What happens when the deskilling starts hitting hard? Well, apparently, you still have a chance of getting rehired (elsewhere). Why? That technology, Framework, Platform, Edge function, or whatever doesn’t cover all the required resources it says it will. Shocker. Design Systems, specifically skilled Design System teams, emerge as a company’s valuable resource in the face of deskilling challenges. Their role is not just about maintaining consistency and efficiency but also an opportunity to provide the necessary resources for getting that UI implemented. Don't be fooled by the hype. #designsystems #frontend #designengineering #uxengineering #deskilling

Friendly reminder: names/architecture/conventions/syntax matter. The specifics matter less than you might think, but it's crucial to make decisions, stick to them, document them, and cultivate shared understanding. #frontend #uxdesign #designsystems #uidesign #digitaldesign #development

In a nutshell, the pyramid at the bottom shows the most common types of tests that we should do in our application as a whole. I want to bring up a discussion about tests on the front-end side, especially nowadays with very opinionated frameworks like ReactJS and VueJS. What kind of test do you think it's very important to give us confidence in refactoring the code? Let me give an example ... Suppose you have a feature in production, that is running ok, but as the number of users starts to grow, some performance issues come in, affecting the UX. After doing this refactor, would you have the confidence to say that all the use case scenarios work? Think about it ... tests should give us the confidence to improve our application without being concerned about breaking what's already working. Please, share your thoughts about it! I'm eager to discuss this topic.

Excited to share a game-changing concept: the Atomic Design Architecture. It revolutionizes UI development by organizing components into atoms, molecules, organisms, and templates. This approach promotes reusability, maintainability, and scalability, leading to better user experiences and streamlined development. #atomicdesign #ui #webdevelopment #cleanarchitecture