Front End World

Demystifying Screen Readers: Accessible Forms & Best Practices This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a screen reader when navigating a form, and also some best practices. https://css-tricks.com/demystifying-screen-readers-accessible-forms-best-practices/

Demystifying Google’s Recent Switch to INP In this episode of Fourcast, Jason Grigsby sits down with Tammy Everts, a recognized expert in web performance and user experience. They break down Google’s recent change from First Input Delay (FID) to Interaction to Next Paint (INP) in non-technical terms, and talk about what the change means for website owners and their businesses. https://cloudfour.com/thinks/demystifying-googles-recent-switch-to-inp/

Upgrading jQuery: Working Towards a Healthy Web https://blog.jquery.com/2024/04/17/upgrading-jquery-working-towards-a-healthy-web/

How to Build a Dynamic Dropdown Component in React — React Compound Component Pattern Explained Dropdowns have been an important part of websites and apps for a long time. They're an unsung heros of user interactions, silently facilitating countless actions and decisions with just a click or tap. You probably encountered one today, whether it was selecting a category on your favourite online store https://www.freecodecamp.org/news/build-a-dynamic-dropdown-component/

Did Signals Just Land in React? "Signals" are used to manage client-side state, and recent developments suggest they could be useful in React. Paul Scanlon investigates. https://thenewstack.io/did-signals-just-land-in-react/

Layer Cake — a graphics framework for Svelte A framework for mostly-reusable graphics with svelte https://layercake.graphics/

Zustand and React Context Zustand stores a global and don't need React Context - but sometimes, it makes sense to combine them regardless. https://tkdodo.eu/blog/zustand-and-react-context

How to Build a Marquee Component with React When you think of marquees, you often envision the vibrant lights and spinning displays at amusement parks, bringing back fond memories of your childhood. Similarly in web applications, marquees inject a lively visual sense by effortlessly grabbing attention and infusing your online projects with dynamism. Join me as we explore https://www.freecodecamp.org/news/how-to-build-a-marquee-component-with-react/

Setting Up Storybook for React Components Learn how we set up Storybook for our React component library and use Chromatic to test and review components in CI. https://www.dolthub.com/blog/2024-04-08-storybook-react-components/

Jest adoption guide: Overview, examples, and alternatives Jest is feature-rich testing framework that comes with several in-built features that make it powerful and easy to use. https://blog.logrocket.com/jest-adoption-guide/