Top-10 Posts for FE (Week 1, Nov 2022)
Tags: node, javascript, css, html
Published: 2022-11-07 14:38:16

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.

## [Folder Structure for NodeJS & ExpressJS project](https://dev.to/mr_ali3n/folder-structure-for-nodejs-expressjs-project-435l)

An approach to structuring your NodeJS application, explaining some of the reasons for the file structure and advice on how to open some configurations at the global level or how to initiate a database connection in the application.

![Folder Structure for NodeJS & ExpressJS project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/raopz0hhvz6vvua9m2ux.png)

## [CSS Grid and Flexbox: A Brief Juxtaposition](https://dev.to/themewagon/css-grid-and-flexbox-a-brief-juxtaposition-2fa)

This post provides a general comparison of how flexbox differs from CSS Grid and how the application changes as per the need.

![CSS Grid and Flexbox: A Brief Juxtaposition](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/55hkgb9s4p05rjocq5qs.png)

## [Framer motion - Layout Animations](https://dev.to/siddharth0x/framer-motion-layout-animations-50kh)

A brief overview of the layout animation concept, which is effective in a way that you can add subtle animations to make layout changes look elegant and smooth.

![Framer motion - Layout Animations](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1geys7t88o2eolwu1pm.png)

## [HTML & CSS Features, Tips For a 10x Faster Page Loading Speed](https://dev.to/koustav/html-css-features-tips-for-a-10x-fast-page-loading-speed-4jop)

How to increase the Page Load Speed of your website by making changes in your HTML and CSS files without needing the best hosting services.

![HTML & CSS Features, Tips For a 10x Faster Page Loading Speed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n3m9ausw0krt0lf68iql.png)

## [How to Assign Types To Nested Objects In TypeScript](https://dev.to/manikbajaj/how-to-assign-types-to-nested-objects-in-typescript-5g25)

Ways to define type definitions for object properties in TypeScript with simple examples.

![How to Assign Types To Nested Objects In TypeScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fahgbrcjr4y1zofn72zf.png)

## [Searching for retro games with Xata & Next.js 13](https://dev.to/anjanavakil/searching-for-retro-games-with-next-13-xata-4e5g)

A guide to building a fullstack web app that allows us to search a collection of retro games data to find the old-school console games of our dreams.

![Searching for retro games with Xata & Next.js 13](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t9am61xjmgxj8cqsambj.png)

## [What is the structure of a scss mixin and how to create it?](https://dev.to/musayazlik/what-is-the-structure-of-a-scss-mixin-and-how-to-create-it-42il)

What is scss mixin? Mixin Structure and Creation mix with/without parameters.

![What is the structure of a scss mixin and how to create it?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kbt63ou34cxay60dxg6e.png)

## [A Definitive guide on JavaScript every() Method](https://dev.to/refine/a-definitive-guide-on-javascript-every-method-1fha)

This article is about the `every()` method in JavaScript, how it works and what happens when we call JavaScript `every()` on sparse and empty arrays.

![A Definitive guide on JavaScript every() Method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a27fz5jx05n6wwrw952p.png)

## [Querying installed packages with npm query](https://dev.to/cloudx/querying-installed-packages-with-npm-query-389f)

How `npm query` helps to find out if you have any package using post-install scripts and if you have a package installed twice.

![Querying installed packages with npm query](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0r865oor84me2hq7p15l.png)

## [Getting Started With Parcel.js: A Web Application Bundler in 2022](https://dev.to/rembertdesigns/getting-started-with-parceljs-a-web-application-bundler-in-2022-3o88)

This post is your introduction to Parcel.js, the self-proclaimed “blazing fast, zero configuration web application bundler”.

![Getting Started With Parcel.js: A Web Application Bundler in 2022](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wksaosxuhj7v24bvset9.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)