Front End Weekly # #320 (17–23 July 2023)
There is a blogger on MEDIUM called: Fresh Frontend Links (Frontend Digest Express)
1 article will be updated every week, about: summarizing the "front-end new things" of the previous week, and gathering them into a collection of links
It is recommended that everyone read/translate the articles in the digest, keep up with current events, understand/master front-end industry news, and also provide ideas for students who want to write or try to break through new technology fields
web development
-
Effective Code Reviews : This article explains how to implement effective code reviews in your team and provides some useful tips and tools.
-
WebGPU: The Future of Cross-Platform Graphics APIs : This post covers the basics of WebGPU and how it will play an important role in the future of web development.
-
Scroll-Based Layout Animations : This interesting article explains how to use scroll-triggered animations to enhance the user experience of your website.
accessibility
-
Where is the dialog focus? : This article discusses the issue of how to manage dialog focus in a web application to improve accessibility.
-
How we create an accessible, extensible color palette : This article describes how to create an accessible, extensible color palette for use in web applications.
-
Accessible Animated GIF Alternatives : This post explains how to use HTML, CSS, and JavaScript to create accessible animated GIFs for use in web applications.
CSS
-
Building a No-JS Radial Menu Using CSS Triangles, Popovers, and Anchor Positioning : This post explains how to use CSS triangle functions, popovers, and anchor positioning to create a radial menu without JavaScript.
-
Tailwind Connect 2023: Our first offline event recap : This post presents a recap of Tailwind Connect 2023, Tailwind CSS' first offline event.
-
Animations and transitions with Tailwind CSS : This article explains how to use Tailwind CSS to create animations and transitions.
-
Fluid and Responsive Typography with CSS Clamp : This article explains how to use CSS's clamp function to achieve fluid and responsive typography.
-
REM vs PX vs EM: Choosing the Right Units for Web Development : This post explains how to choose the right units for web development.
JavaScript
-
Master unit testing best practices : This article explains how to implement effective unit testing in JavaScript and provides some useful tips and tools.
-
Iterators and Generators in JavaScript : This article covers iterators and generators in JavaScript and how to use them to simplify your code.
TypeScript
-
TypeScript and the dawn of progressive typing : This post covers the basics of TypeScript and progressive typing, and how to use them in your projects.
-
5 Inconvenient Truths About TypeScript : This article introduces 5 problems you may encounter when using TypeScript, and provides solutions.
React
-
How to Dockerize a React Application - Step-by-Step Tutorial : This post explains how to Dockerize a React application for use in different environments.
-
Implementing React Portal : This article describes how to use React Portal to render components to different parts of the DOM tree.
-
How React 18 Improves App Performance : This post explains how React 18 improves the user experience by improving the performance and stability of your app.
-
React Content Font - Create React components that only contain fonts for the characters used on the page! : This fun project shows how to use React Content Font to create lean font files for use in web applications.
-
Adding Fireworks and Particle Effects to React Apps : This post explains how to use React and Canvas to create fireworks and particle effects.
Vue
-
Vue 3 step-by-step comparison demo and React Developer: Side-by-side comparison : This post explains the similarities and differences between Vue 3 and React and provides some useful demos.
-
How to Wrap, Extend, or Proxy Vue Components : This post explains how to wrap, extend, or proxy Vue components using Vue's advanced features.
Angular
-
Create a custom form control for a phone number input field using Angular : This post explains how to use Angular to create a custom form control for use in a phone number input field.
-
Signals Made Easier With Angular : This article explains how to use Angular's Signal feature to simplify your code and increase your development productivity.
-
Maximizing Performance with Angular HTTP Requests: Do's and Don'ts : This post explains how to optimize your Angular application's HTTP requests to improve performance and stability.
-
Angular unit testing with Jest : This article explains how to use Jest to write and run Angular unit tests.
Svelte
- SvelteJS: My Ecosystem Is Bigger Than Yours : This article covers the basics of SvelteJS and its ecosystem, and how to use them in your projects.
- Building Interoperable React and Svelte Applications with Sveltris : This post explains how to use Sveltris to build interoperable React and Svelte applications.
course sharing
Finally, I would like to recommend a platform for learning the front end, and you can watch all the videos after opening the black gold card! It only costs 39 yuan.
There is contact information below