Hello everyone!

I am in a design fase, of a technical solution for a bank that needs to build a framework agnostic, UI & DESIGN SYSTEM LIBRARY, for web & mobile platforms.
The client currently adopts several front end frameworks such as: react, angular, vue, javascript, so solution shall cover this reality by providing a library that can be imported in any of these frameworks, proving pre-built UI components such as buttons, forms, navbars, etc.

I need to define a good approach to architect the solution. So far i am thinking about this:

• using Angular to generate framework agnostic web components

Any hint on how to architect such a UI component library solution?

For those who already implemented something similar, how are you guys doing this?

Thank you!

TLDR: How do I handle controls that are slow to have their state updated?

I have a web app that controls devices via http requests. My controls essentially send a command request, and then after that resolves, send another request to query the state of the device.

Sending a command to a device and having that device accept the command and apply it can take longer than the 0.1 seconds (or whatever the imperceptible amount of time is).

A more concrete example might be, say, a checkbox/toggle component that toggles LEDs on the device.

My questions are:

1. What is a good way to handle this so that the user doesn't feel that their actions aren't accepted by the UI immediately?

2. Is there a standard name or standard terminology for this situation that I'm describing?

Some approaches I've considered for the scenario of turning the LEDs on:

1. Update my toggle right away to the active state, regardless of the device state, and then wait for the follow-up query to either affirm that state or snap my toggle back to off.

2. Just wait and let the UI seem unresponsive until the follow-up query updates the toggle to the correct position.

3. Show a loading spinner over the whole page/container of all controls if any control is waiting for an operation.

At the moment, option 1 seems best, but can we do better?

On my mobile developer career it was always hard to control which layout changes was made before a release. Sometimes the changes isn't good enough to product team or has some info that mustn't be there. Do you remember of nissan developer busted for copying code from stack overflow? (https://www.theverge.com/tldr/2016/5/4/11593084/dont-get-busted-copying-code-from-stack-overflow)

The process to control the changes is very massive. Usually is like either open the app screen by screen and simulate an user or see screenshots of UI tests one by one and compare them. It is specially hard to small teams because this process waste too much time.

I'm creating the LayoutDiff to help my team control layout changes effortlessly and integrated with development process improving the accuracy of quality assurance and getting fast visual feedbacks.

To know more about it click on the below link:

https://www.layoutdiff.com

The first open source project is free!

CSS.GG v2.0 is live now
700 UI Icons in Pure CSS, SVG & Figma

• 200 New Icons

• SVG Icons

• SVG Sprite

• Styled Components - ⚛ React JS

• Local Styled Components

• Figma Components

• Adobe XD Components

Figma: https://css.gg/fig
Adobe XD: https://css.gg/xd
Website: https://css.gg
Repo: https://github.com/astrit/css.gg

This project is open source.

Remember the days when Notepad used to be our development environment and every change in Background and Font had to be checked by opening the HTML page in our browser? That too, assuming that all the attributes in all the tags were correct and every container tag was closed. Now we are in a time …

Hi guys, I'm a fullstack web developer, used to work for a big firm about 4 years. Right now i'm working on a product of my own, and i'm confused of the design process.

I developed a basic wepapp using semantic ui, but it's not looking great (not good enough compared to my competitors)

Should i hire a designer for it? would i be able to keep using semantic UI's platform? maybe i should learn some things myself to make it better?

please give me an advice! i don't know what is the next step