Josh W Comeau·4yMy Wonderful HTML Email Workflow
MJML is a responsive email framework from Mailjet. It essentially provides a layer of abstraction over raw HTML. The MJML language provides a set of common tags you can use to structure your email. As long as you follow the MJML conventions, your email should render properly across all email clients.
Hacker News·4yFresh 1.0
Fresh is a new full stack web framework for Deno. By default, web pages built with Fresh send zero JavaScript to the client. The framework has no build step which allows for an order of magnitude improvement in deployment times. Fresh is a routing framework and templating engine that renders pages as they are requested, on a server. It also provides an interface for seamlessly rendering some components on the client for maximum interactivity.
Honeypot·4y6 Best Frontend Communities to Join in 2022
In 2022, there are lots of online developer communities that can scale your learning experience and speed. WeLearnJS is a slack community of JavaScript developers with more than 12,000 members as of June 2022. Reactiflux is an online Discord community of React developers with a massive size of more than 185,000.
Community Picks·4yHow browsers work
How browsers work Behind the scenes of modern web browsers. Tali Garsiel's primer on the internal operations of WebKit and Gecko. Chrome, Firefox and Safari make up around 71% of global desktop browser usage. Android Browser, iPhone and Chrome constitute around 54% of usage.
Hashnode·4yIntroduction to Vite: The Next Generation Frontend Tooling
Vite is the next generation frontend tooling. It is a solution to slow server starts because it uses native ESM to serve code. Most tools like webpack, Parcel and Rollup are bundle-based. This means the code has to be completely bundled before it can be served. Vite only needs to transform and serve source code on demand.
DEV·4yLearn MERN like a pro
This is the high level plan for my upcoming udemy course. The course will focus on the use of JavaScript and Node. It will cover user management, feature implementation, deployment and maintenance. It is expected to run for three months. The first phase of the course will run from September to October.
Community Picks·4yBuilding a Design System from scratch
A small scoped design system mainly composed of primitive components focused solely on personal branding and personal use. The scope of this design system feels small compared to the bigger ones we can get to work on in a work context, it was not necessarily less complex to build. In the following parts, I'll go through the challenges and decisions I've made along the way when working on this project.
Dev Genius·4yWasp — language for developing full-stack Javascript web apps with no boilerplate
Wasp is a new programming language for developing full-stack web apps with less code. It makes developing web apps easy while still allowing you to use the latest technologies like React, Node.js, and Prisma. In this post, we will share with you why we believe Wasp could be a big thing for web development.
Laravel News·4yVite is now the default frontend asset bundler for Laravel applications
Vite is now the default frontend asset bundler in new Laravel projects. Breeze and Jetstream have been updated as well. Vite provides near-instantaneous build times during development. You'll see updates automatically happen in the browser while you work, which is a fantastic experience!
Vercel·4yMongoDB and Vercel: from idea to global fullstack app in seconds – Vercel
MongoDB’s bet on the serverless movement is a testament to where software development is headed. Next.js turbocharges your applications with server rendering, automatic production optimizations, and helps developers run the entire serverless frontend stack on their local machine. Vercel builds and runs your frontend code natively in the cloud with no effort on your side.
Ionic Blog·4yCapacitor ❤️’s Ionic’s Visual Studio Code Extension
The Ionic VS Code extension is built right into the Ionic Framework. It can be used to migrate from Cordova to Capacitor. You can use the extension to generate icons and splash screens for your apps. The extension is free to download and use on any Ionic or Cordova app.
Honeypot·4y5 Best Full Stack Communities to Join in 2022
Becoming a Full Stack Developer is a great career option in 2022. However, the path is long and could be lonely. So, here I am with a list of the 5 best Full Stack communities that will keep you accountable and help you learn together with other fellow developers.1. JavaScript Mastery by Adrian Hajdin is one of the best YouTube and Instagram creators on web development.
Hashnode·4yI went deep down the NPM docs to learn more about Package.json
Package.json is the document which contains the most important metadata like packages, scripts which is required to both run and publish the project. NPM requires you to give all the info enclosed in json format. The name property should be equal or less than 241 characters. The allowed characters are ABCDEFGHIJKLMNOPQRSTUVWXYZ.
Community Picks·4yWeb Vitals
Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web. Google has provided a number of tools over the years to measure and report on performance. The current set for 2020 focuses on three aspects of the user experience— loading, interactivity, and visual stability.
ByteByteGo·4yNew System Design YouTube channel | Internationalization | SQL Joins | HTTP error handling
The first video is already live and we'll try to post new videos weekly. Our goal is to explain complex systems in an easy-to-understand way. We'll be covering a wide range of topics including: What happens when you type a URL into your browser? How to avoid double charge?
Halodoc·4yHow does a browser actually work
A Web browser is actually a software application that runs on your Internet-connected computer. It allows you to view Web pages, as well as use other content and technologies such as video, graphics files, and digital certificates. In this article, I’d like to focus on the Process of How Does a Browser Actually Work.
Vercel·4yIntroducing the Edge Runtime – Vercel
edge-runtime is a toolkit for developing, testing, and defining the runtime web APIs for edge infrastructure. It’s designed to be integrated into frameworks (like Next.js) and not for usage in application code. Edge Networks enable you to run code close to your visitors, making a fast web accessible for everyone.
gitconnected·4yAre Web Components Dead?
Web Components are reusable client-side components based on official web standards. They are an excellent way of encapsulating functionality from the rest of our code. Despite the promising advantages, Web Components struggle to find industrywide adoption. Many developers say they have already died. Who's right? What is the current state of Web Components?
Prismic·4yComplete Guide: React SEO Considerations and Solutions
SEO or Search Engine Optimization is the process in which we can optimize our content and website for better performance on search engines like Google, Bing, etc. Today we’re going to focus on the technical side and how we as developers can play our part when handling React SEO. By the end of this post, you should have a good understanding of why SEO is important.
Lee Robinson·4yThe Story of Heroku – Lee Robinson
In 2007, three Ruby developers – James Lindenbaum, Adam Wiggins, and Orion Henry – founded Heroku. Their mission was to make computing more accessible. Heroku made it easy for any developer to build and run applications in the cloud. In 2010, Heroku was bought by Salesforce for $212 million. Now 15 years later, it continues to inspire the next generation of developers.
Hacker Noon·4yCI CD Pipeline: How to Setup a CI CD Pipeline From Scratch with GitHub Actions.
CI/CD is the combined practices of continuous integration and continuous delivery or continuous deployment. It bridges the gaps between development and operation activities and teams by enforcing automation in building, testing and deployment of applications. The pipeline builds code, runs tests and deploys a new version of your application (CD) to the test or production environment.
Smashing Magazine·4yThe Future Of Frontend Build Tools — Smashing Magazine
Frontend tooling gives us so much today that it is hard to imagine that there was a time when it was not even needed at all. A trip down memory lane could help us understand how we got here. Frontend build tooling is crucial to the workflow of the modern frontend developer for a host of reasons classified under improved developer and user experiences.
Hashnode·4yRendering Methods: CSR vs SSR vs SSG
This blog will give you a glimpse of the different rendering methods namely Client Side Rendering (CSR) and Static Site Generation (SSG) CSR is best suited for pages that are dynamic i.e., pages that require frequent updates eg. Login page. SSR is ideal for webpages that have static content.
asayer·4yInfinite scrolling with React Query
Infinite scrolling is a pattern used in apps to load content continuously as the user scrolls to the bottom of the page. It’s most useful for loading large data sets from a server in chunks to improve performance by reducing the time taken to fetch and render content. In this tutorial, we will learn how to implement infinite scrolling in React using React Query.
