4/9/2023 0 Comments React native invoiceI didn't want to create a special component for my headings since they have no logic.I end up with object for dark/light theme with colors of each element and a few colors that are common. As I am changing the theme and many colors are changing, I wasn't sure how to make the color system.I just wanted to point out most important things here. You can find more about the things I used in the project in the README on github. Try to enter a page that doesn't exist - like ' /gotcha' Handle 404 routes in React Router and provide a fallback component for displaying an imfamous 404 Page Not Found error to the user.That replace position transitions with opacity. Based on whether useReducedMotion returns true or not we're passing different values to animate. In order to support users who have enabled their device’s Reduced Motion setting and make accessible animations I used useReducedMotion hook. Framer Motion is an open source, production-ready library that's designed for creating creative animations. To animate the pages transitions and modals I used Framer Motion API.In order to create an accessible modal I followed this great tutorial that follow the WAI-ARIA Practices. In this case, the focus trap turns on when the form or modal with invoice deletion/ status change is opened.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |