Best of Web DevelopmentDecember 2022

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn Next.js for Scalable Web Apps

    Next.js is built on top of React, which is a popular JavaScript library for building user interfaces. It also includes features such as automatic code splitting and optimized performance out of the box. You will also learn how to deploy the app using Vercel and to sync up GitHub with Vercel.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Why use NextJS?

    Next.js allows you to develop fast and user-friendly web applications and static websites using React.js. It is a ReactJS framework for building server-rendered web applications. It includes a number of features out of the box, such as Automatic code splitting, filesystem-based routing, hot code reloading and universal rendering.

  3. 3
    Article
    Avatar of asayerasayer·3y

    The Ultimate Guide To localStorage in JavaScript

    LocalStorage is widely discussed and used in a variety of Javascript applications. It is a read-only property that stores data in the web browser without using a server-side language. Advantages of localStorage include its ability to store data even after the browser is closed. It can store up to 5MB of data.

  4. 4
    Article
    Avatar of asayerasayer·3y

    Getting started with Vite

    Vite serves your code via native ES module imports during development and bundles it with Rollup for production. Vite is a lightning-fast cold server start and offers instant hot module replacement and true on-demand compilation. It is also highly extensible via its plugin API and JavaScript API with full typing support.

  5. 5
    Article
    Avatar of logrocketLogRocket·3y

    Next.js vs. Nuxt.js: Ultimate guide

    Next.js and Nuxt.js are modern JavaScript frameworks used to build modern web applications. Both are static site generators that embrace Jamstack architecture and are used on top of React and Vue, respectively. Next.js offers client-side and server-side rendering features and is used to develop fullstack React applications.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    Javascript setup for browser and editor for web development

    Javascript setup for browser and editor for web development Browser, Editor setup, and Running Javascript Setting up browser, editor and terminal and running Javascript. Let's talk real quick about setup and the tools you need.

  7. 7
    Article
    Avatar of communityCommunity Picks·3y

    rem vs em - Everything you need to know

    In this article, we'll look at everything em and rem, their differences, when and how to use them, and practical examples of em. rem vs. em. Rem is another unit of measuring length in CSS, which stands for "root em" This article expects the reader to have a solid grasp of CSS.

  8. 8
    Article
    Avatar of asayerasayer·3y

    Top 5 alternatives to Webpack

    Webpack is a free and open-source module bundler for JavaScript applications. It is used to bundle JS files for usage in a web browser, and it can transform front-end assets such as HTML, CSS, and images if corresponding loaders are included. Webpack works by processing your application and internally building a dependency graph.

  9. 9
    Article
    Avatar of perfplanetcalWeb Performance Calendar·3y

    Web Performance Calendar

    Web Performance Calendar meets RUM Web Performance Calendar meet RUM 29thDec 2022. There is a 99.9999% chance that while you are reading this, your browser is firing a beacon that's travelling to the Hentzner’s datacenter in Nuremberg.

  10. 10
    Article
    Avatar of codemotionCodemotion·3y

    How to Write a Great Web Developer Resume

    The competition for web developer roles is fierce, to say the least. There are around 3,000 roles currently open and looking to be filled. You need to provide a quick snapshot of your career, achievements and skills (both soft and hard) that will show why you are the best web designer for that position.

  11. 11
    Article
    Avatar of communityCommunity Picks·3y

    Code your website faster with CSS-like utilities

    Stylify uses CSS-like selectors to generate optimized CSS based on what you write. It's more efficient than combining CSS manually and it also makes the CSS output smaller. There are hooks for Compiler, Bundler and in browser for Runtime.com.

  12. 12
    Article
    Avatar of communityCommunity Picks·3y

    Canvas API - Web APIs

    The Canvas API largely focuses on 2D graphics. The WebGL API, which also uses the <canvas> element, draws hardware-accelerated 2D and 3D graphics. The libraries listed below can make the creation of canvas-based projects faster and easier.

  13. 13
    Article
    Avatar of asayerasayer·3y

    An Introduction to RedwoodJS

    RedwoodJS is a full-stack serverless web application framework that weaves together the best parts of React, GraphQL, Prisma, TypeScript, Jest, and Storybook. In this tutorial, you’ll learn how to build a Todo App with Redwood JS.

  14. 14
    Article
    Avatar of phProduct Hunt·3y

    Nx - Smart, fast and extensible build system

    Nx is a next-generation build system with first-class support for both standalone projects and monorepos. This is Nx's first launch. Nx Smart, Fast and Extensible Build System 0 reviews 6 followers. Nx was hunted by Juri Strumpflohner in Productivity.

  15. 15
    Article
    Avatar of towardsdevTowards Dev·3y

    What are JavaScript Arrow Functions?

    Javascript is a very function-heavy language. Arrow functions we use to make the code more concise and there are lots of variations that you can write. For a long time, we have written function keywords to write a function in JavaScript.