password generator app

Community feedback

• 

  Marzia Jalili•8,870

  @MarziaJalili

  Posted 20 days ago

  Admiringly written! 🔥

  🌟 A tiny tip to make the look gorgeous?

  ✅ Using a single state object can make your code cleaner and easier to manage, especially when you have many related states, man.

  ✅ Here's how you can refactor the all the states with a single one:

  const [settings, setSettings] = useState({
    length: 0,
    includeUpperCase: false,
    includeLowerCase: false,
    includeNumbers: false,
    includeSymbols: false,
    password: "",
    error: "",
    strength: "",
    copied: false,
    allowCopy: false,
  });
  

  ✅ Then, when you need to update any of these properties, you can use rest separator and work on the intended one:

  // Example: updating length
  setSettings(prev => ({ ...prev, length: newLength }));
  

  Amazing work — keep making us feel jealous! 😁

  20

  Marked as helpful
• 

  Prateek•130

  @Prateek1789

  Posted 19 days ago

  Excelent Work! This looks 🔥

  10

  Marked as helpful