Changelog·4yBun is a fast all-in-one JavaScript runtime
Bun is a modern JavaScript runtime like Node or Deno. It was built from scratch to focus on three main things:Start fast (it has the edge in mind) New levels of performance (extending JavaScriptCore, the engine) Being a great and complete tool (bundler, transpiler, package manager)
freeCodeCamp·4yLearn Game Development with JavaScript
You will learn to make 2D games with HTML, CSS & plain vanilla JavaScript, using no frameworks and no libraries. Frank Dvorak has created many popular JavaScript courses on a variety of platforms. He will teach you to use everything you learned to make a single final game.
Hashnode·4yJokes only programmers will understand
To understand these jokes, you have to be a programmer, and if you're not don't worry. Laugh and also share them with your friends that are programmers. It isn't an easy thing to become a programmer. You need some minutes to at least laugh and forget the stress you've been through.
Hashnode·4yJavaScript object destructuring tips
Destructuring is an extremely useful way of extracting properties from objects. Destructuring also works on arrays, but let's focus on objects for this one. We can omit the double use binding of the name properties and destructure the properties like this. With destructuring, we can also target nested properties.
Community Picks·4yHow to use Lottie animations & React JS?
Lottie is a library created by Airbnb to facilitate the creation of animations for different platforms. Lottie files work on any device and can be scaled without loss of quality, just like an SVG file. The big difference between animated GIFs and Lotte files is that GIFs are made up of images and Loti files are generated through code in a JSON file.
Community Picks·4yleonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know.
This repository was created with the intention of helping developers master their concepts in JavaScript. It is based on an article written by Stephen Curtis and you can read it here. Feel free to submit a PR adding a link to your own recaps or reviews. All the translations for this repo will be listed below. The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript.
Pointer·4yJarred-Sumner/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one.
Bun is a fast & easy-to-use tool that embeds JavaScriptCore, which tends to be faster and more memory efficient than more popular engines like V8. Instead of 1,000 node_modules for development, you only need bun. Join bun’s Discord for help and have a look at things that don't work yet.
Medium·4yBun (can become) the ideal JavaScript runtime
Bun is the first project of its kind that really listens to criticism. The project is experimental, and will require time and effort to mature, but it already shows some incredible potential. It’s the best of both worlds. To be able to write business logic in simple script, yet have the platform it runs on perform close to native.
Product Hunt·4yTauri - An Electron alternative written in Rust
Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. Free Discuss Collect Share Stats Free Discuss Share Stats free Discuss Share stats free
JavaScript in Plain English·4y4 Best New JavaScript ES2022 Features
The await keyword previously couldn’t be used outside the async box (or function) With ES2022, we can use await without async, for example, to load other code conditionally or dynamically. ‘.at()’ method for arrays will help you get what you want in a line of code.
Josh W Comeau·4yStatements Vs. Expressions
This tutorial explains the difference between a “statement” and an “expression” in JavaScript. Most of those JSX rules you've had to memorize, and always forget to follow, are the result of this duality. This tutorial assumes that you're comfortable with basic JavaScript syntax, but is otherwise written to be beginner-friendly.
Hashnode·4yLet's Bun!
Bun.js is a Node-API tool that implements most of Node- API (N-API) Bun.js natively supports a growing list of Node core modules along with globals like Buffer and process. Every file is transpiled . TypeScript & JSX just work. & just work bun.js automatically loads environment variables from .env files Web APIs like fetch , WebSocket , and ReadableStream are builtin.
The New Stack·4yMeet Bun: A JavaScript Runtime for the Whole Dev Lifecycle
Bun is a drop-in replacement for running JavaScript and Typescript applications. It was designed to be an all-in-one tool for bundling, transpiling, and running code at lightning speed. It processes about three times more HTTP requests per second than Node.js when rendering React server-side.
asayer·4yExploring HTMX: building dynamic web apps without JavaScript
HTMX library allows you to add modern browser features without using Javascript. It gives you access to CSS Transitions, AJAX, WebSockets, and Server-Sent Events directly in HTML. In this tutorial, we will learn how to send Ajax requests, upload files, validate input, and trigger CSS transitions without writing JavaScript code.
Vercel·4yBuild Your Own Web Framework – Vercel
ReactDOM Server exposes a method called renderToString, which takes a React component and returns the corresponding HTML output. To support static pages, we first have to implement a transpilation step that turns React-based pages into static HTML. To hydrate dynamic components, we can export a string literal that our bundler eventually uses to create a custom hydration script for individual pages.
Hacker News·4ycodecrafters-io/build-your-own-x: Master programming by recreating your favorite technologies from scratch.
This repository is a compilation of well-written, step-by-step guides for re-creating our favorite technologies from scratch. It's a great way to learn. Submissions welcome, just send a PR.Table of Contents: Build your own 3D Renderer, BitTorrent Client, Node.js bot, and more.
Community Picks·4yInside JavaScript Engines, Part 1: Parsing
There are 3 major JavaScript engines left after long and exhausting browser wars. V8, SpiderMonkey, JavaScript core, and more and more engines. Let’s take a closer look at JavaScript engines and how they work. Inside JavaScript Engines, Part 1: Parsing Part 2: Code generation and basic optimizations.
Community Picks·4yCoding an extension that blocks Social Media Websites with HTML, CSS and JS.
Social Media Blocks is a Google Chrome extension that will block social media websites like Twitter: Facebook, Instagram, LinkedIn, WhatsApp, Reddit etc. Add this extension into your browser and achieve better productivity. Create the project using the CodePen playground or setup your own project on Visual Studio Code with the following file structure.
Hashnode·4yUsing the native web share JavaScript API
The native share function can be invoked with JavaScript. It's mainly built for mobile devices, but some desktop variants like Safari also support it. The code to determine it looks like this: console.log( 'native share available' ); inside this function, we can invoke the native share or use our fallback share mechanism. You can even attach callbacks to our native share API.
InfoWorld·4y8 new JavaScript features to start using today
ECMAScript 2022 (ES13) dropped on June 22, codifying the latest batch of new features for JavaScript. Let's get started with these new features that you can use today. Inline public and private class fields, private instance methods and accessors, and static class features are included.
Open Source Way·4yCreate a JavaScript API in 6 minutes
This article demonstrates creating a base API with Express and JavaScript. Express is a NodeJS minimalist web framework. This combination allows for minimal effort to get an API up and running. If you have six minutes of free time, you can get this API working to do something useful.
freeCodeCamp·4yHow to Use the flat() and flatMap() Methods to Flatten Arrays in JavaScript
The right word to use is index and not position in JavaScript. The array method is a nice way of concatenating elements in an array recursively. The flatMap() method loops through the elements of an array and concatenates the elements into one level. In the above code, the array named arr3 contains two distinct sub-arrays.
The New Stack·4yTypeScript Tutorial: A Guide to Using the Programming Language
JavaScript is one of the most widely-used programming languages for frontend web development on the planet. TypeScript is a strict syntactical superset of JavaScript that aims to extend the language, make it more user-friendly, and apply to modern development. I’m going to walk you through the installation of TypeScript and get you started by creating a basic Hello, World! application.
freeCodeCamp·4yJavaScript DOM Manipulation Course
In website development, DOM stands for Document Object Model. It is a programming interface that allows us to create, change, or remove elements from a website document. DOM manipulation is when you use JavaScript to add, remove, and modify elements of a website. Watch the full course below or on the freeCodeCamp.org YouTube channel (3-hour watch)
