Top-10 Posts for FE (Week 2, Apr 2023)
Tags: react, javascript, css, html
Published: 2023-04-17 16:22:49

Here are the top 10 posts from the past week that will be useful to front-end developers and beyond. The selection was made on the basis of their interestingness, uniqueness, presentation, usefulness and subjective assessment of the author.

## [A Comprehensive Guide to Writing Your First GraphQL Query](https://dev.to/onlyoneerin/a-comprehensive-guide-to-writing-your-first-graphql-query-21f4)

This article provides a beginner-friendly guide to writing GraphQL queries.

![A Comprehensive Guide to Writing Your First GraphQL Query](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1sgb8qep7odyzfdzatm.png)

## [Object Oriented Programming with Typescript](https://dev.to/cliff123tech/oop-typescript-jk4)

This article is a comprehensive guide to Object-Oriented Programming (OOP) in TypeScript, covering classes, objects, inheritance, interfaces, and more.

![Object Oriented Programming with Typescript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cfjbkx17zfqb4zk1dtju.png)

## [CSS Viewport Units: A Beginner’s Guide](https://dev.to/lambdatest/css-viewport-units-a-beginners-guide-4j9g)

The article provides a detailed explanation of viewport units in CSS, including how they work and examples of their usage, and also discusses their advantages and disadvantages.

![CSS Viewport Units: A Beginner’s Guide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fdo3ih2jgztofaijd9nx.png)

## [New HTML Element: search](https://dev.to/alvaromontoro/new-html-element-ngd)

This article introduces the new HTML element `<search>` and discusses its potential use cases in web development.

![New HTML Element: <search>](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5h8lzbp3rcgbog23sdzf.png)

## [How to make Responsive Web designs in CSS: Tips and Tricks](https://dev.to/hy_piyush/how-to-make-responsive-web-designs-in-css-tips-and-tricks-22m9)

This article provides tips and tricks on making responsive web designs using CSS, including fluid grids, media queries, and flexbox.

![How to make Responsive Web designs in CSS: Tips and Tricks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s3ud51v4um1qvhitptfb.png)

## [The weird ways you can create triangles with CSS](https://dev.to/mackfitz/the-geodesic-sphere-1oi1)

This article explores various methods to create triangles using CSS, including pseudo-elements, borders, transforms, and clip-path.

![The weird ways you can create triangles with CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/46k2fvpydme5k5jk3naj.png)

## [When to use currying in JavaScript](https://dev.to/slimtim10/when-to-use-currying-in-javascript-1cn4)

This article explores the concept of currying in JavaScript, explaining what it is, when it is useful, and providing practical examples to demonstrate how to use it.

![When to use currying in JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8z3us7es2xu9p6jw9vkl.png)

## [Costly CSS Properties and How to Optimize Them](https://dev.to/leduc1901/costly-css-properties-and-how-to-optimize-them-3bmd)

This article provides a detailed explanation of how certain CSS properties can have a significant impact on performance and offers tips for optimizing them to improve website speed and user experience.

![Costly CSS Properties and How to Optimize Them](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nqo7jmsqj4bpy27t1mek.png)

## [A history of web layout techniques: From frames to WebAssembly](https://dev.to/andreasbergstrom/a-history-of-web-layout-techniques-from-frames-to-webassembly-1akj)

This article explores the evolution of web layout techniques, from the early days of frames and tables to the more modern approaches using Flexbox and Grid, and even looks at the potential of WebAssembly for layout in the future.

![A history of web layout techniques: From frames to WebAssembly](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ncilktcvqei952xrbtpx.png)

## [Demystifying React Hooks: Usage, Examples, and Common Mistakes](https://dev.to/koolkishan/demystifying-react-hooks-usage-examples-and-common-mistakes-24ln)

The article provides an in-depth guide to understanding React Hooks, their usage, common mistakes, and examples of how to use them.

![Demystifying React Hooks: Usage, Examples, and Common Mistakes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y1cubhpbgpt7oadp02xl.png)


---

[![More News on channel t.me/fruntend_news](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4qyxv1b74oody1eb0k10.jpg)](https://telegram.me/fruntend_news)[![By me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zir1erzg7v28nvyuue09.jpg)](https://www.buymeacoffee.com/fruntend)