dev.to
1. Day 16: Moving from Travis-CI to GitHub Actions for Marpa::R2
Marpa::R2 can parse any language whose grammar can be written in BNF. It used Travis-CI, but since Travis-CI discontinued its free offering for Open Source project the project was without CI.
I asked the author if he would be interested in a GitHub Actions configuration.
A warning during build
I tried to build the module locally and run its tests locally, but I encountered some issues:
First I noticed that there are some warning during the build emitted by one of the dependencies. As it tur…
#perl #programming #devops #ci
2. WebRTC vs. WebSocket: Which is best for your app?
WebSocket and WebRTC are key technologies for building modern, low-latency web apps. This blog post explores the differences between the two. We'll cover the following:
What is WebRTC?
What is WebSocket?
What are WebRTC's pros and cons?
What are the advantages and disadvantages of WebSocket?
What are the key differences between WebRTC and WebSocket?
When to use WebRTC?
When to use WebSocket?
When to use WebRTC and WebSockets together?
What is WebRTC?
Web Real-Time Communication (WebRTC) is a…
#webdev #websocket #webrtc
1. Day 16: Moving from Travis-CI to GitHub Actions for Marpa::R2
Marpa::R2 can parse any language whose grammar can be written in BNF. It used Travis-CI, but since Travis-CI discontinued its free offering for Open Source project the project was without CI.
I asked the author if he would be interested in a GitHub Actions configuration.
A warning during build
I tried to build the module locally and run its tests locally, but I encountered some issues:
First I noticed that there are some warning during the build emitted by one of the dependencies. As it tur…
#perl #programming #devops #ci
2. WebRTC vs. WebSocket: Which is best for your app?
WebSocket and WebRTC are key technologies for building modern, low-latency web apps. This blog post explores the differences between the two. We'll cover the following:
What is WebRTC?
What is WebSocket?
What are WebRTC's pros and cons?
What are the advantages and disadvantages of WebSocket?
What are the key differences between WebRTC and WebSocket?
When to use WebRTC?
When to use WebSocket?
When to use WebRTC and WebSockets together?
What is WebRTC?
Web Real-Time Communication (WebRTC) is a…
#webdev #websocket #webrtc
dev.to
1. Building a free Open-source portfolio template using HTML, CSS and JS | Part 4
On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.
GitHub Repo Link →
Check out the live demo here →
Since then it has got 395 stars on GitHub and 128 forks.
I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.
Come join me in the journey here is the link of the video.
https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks…
#html #css #beginners #webdev
2. Microservices vs Monolithic Architecture: A Practical Approach
📍 Monolithic and Its issues
🙂 When we start learning backend development and implementation, many of us implement all our functionalities in one codebase. Forex. If we want to build the backend of an e-commerce store then we can go with the project with a single index.js file including the functionality of:-
Shopping Orders
Items or Products
Payment
Store
Wallet
Cart
🙋 But is it right to do so? We do have the advantages of the monolithic architecture like easy testing, and easily deployable…
#webdev #tutorial #programming #microservices
3. How to Trace Websocket Events in NestJS - [Case Study]
Cover Photo by Enrico Mantegazza
In NestJS, HTTP requests are traced by req.id parameter. You can write your custom id generator, or use default id generated by NestJS or Express or Fastify. However, there is no such concept of request id, or request tracing when it comes to Websockets / Socket.IO.
Though NestJS allows use of interceptors, filters or guards in Gateways, one feature I've felt missing is request id. Without request id, you can't trace websocket events and that is not very good f…
#nestjs #websocket #socketio #adapter
1. Building a free Open-source portfolio template using HTML, CSS and JS | Part 4
On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.
GitHub Repo Link →
Check out the live demo here →
Since then it has got 395 stars on GitHub and 128 forks.
I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.
Come join me in the journey here is the link of the video.
https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks…
#html #css #beginners #webdev
2. Microservices vs Monolithic Architecture: A Practical Approach
📍 Monolithic and Its issues
🙂 When we start learning backend development and implementation, many of us implement all our functionalities in one codebase. Forex. If we want to build the backend of an e-commerce store then we can go with the project with a single index.js file including the functionality of:-
Shopping Orders
Items or Products
Payment
Store
Wallet
Cart
🙋 But is it right to do so? We do have the advantages of the monolithic architecture like easy testing, and easily deployable…
#webdev #tutorial #programming #microservices
3. How to Trace Websocket Events in NestJS - [Case Study]
Cover Photo by Enrico Mantegazza
In NestJS, HTTP requests are traced by req.id parameter. You can write your custom id generator, or use default id generated by NestJS or Express or Fastify. However, there is no such concept of request id, or request tracing when it comes to Websockets / Socket.IO.
Though NestJS allows use of interceptors, filters or guards in Gateways, one feature I've felt missing is request id. Without request id, you can't trace websocket events and that is not very good f…
#nestjs #websocket #socketio #adapter
dev.to
1. 15 Useful React Custom Hooks That You Can Use In Any Project
React custom hooks allow for reusable logic in functional components, making it possible to separate components and keep parts small and focused on their intended purpose. Custom hooks also make it easier to test and understand the logic of a component, as it can be isolated and tested separately from the component itself. Custom hooks can also make sharing logic between different components easier, reducing code duplication and making it easier to maintain and update the codebase.
There are in…
#react #webdev #javascript #beginners
2. Lemmy UI 0.16.7 on OpenBSD 7.2: Install
Summary
This post is a part of Lemmy 0.16.7 on OpenBSD 7.2 about Lemmy.
Premise
The server is OpenBSD and Rust (rustlang) is installed. Also, there is _lemmy user whose home directory is /var/lemmy.
Environment
OS: OpenBSD 7.2
App
Lemmy-UI: 0.16.7
based on InfernoJS 7.4
Tutorial
Lemmy-UI server
Prepare Node.js
Switch back to your own user if you are acting as _lemmy:
$ exit
Then run:
$ doas pkg_add yarn
The output was:
quirks-6.42 signed on 2023-01-13T18:22:41Z
yarn-1.22.18:…
#lemmy #fediverse #infernojs #websocket
3. pict-rs 0.3.2 on OpenBSD 7.2: Install
Summary
This post is a part of Lemmy 0.16.7 on OpenBSD 7.2 about Lemmy.
Premise
The server is OpenBSD and Rust (rustlang) is installed. Also, there is _lemmy user whose home directory is /var/lemmy.
Environment
OS: OpenBSD 7.2
Object Storage: MinIO - AWS S3-compatible (Optional)
Apps
pict-rs: 0.3.2
based on Rust 1.63 + Actix 0.13 + Actix Web 4
Tutorial
pict-rs server
Lemmy uses pict-rs to store image. It is a simple image hosting service which is open source and written in Rust, to…
#pictrs #rust #actix #minio
1. 15 Useful React Custom Hooks That You Can Use In Any Project
React custom hooks allow for reusable logic in functional components, making it possible to separate components and keep parts small and focused on their intended purpose. Custom hooks also make it easier to test and understand the logic of a component, as it can be isolated and tested separately from the component itself. Custom hooks can also make sharing logic between different components easier, reducing code duplication and making it easier to maintain and update the codebase.
There are in…
#react #webdev #javascript #beginners
2. Lemmy UI 0.16.7 on OpenBSD 7.2: Install
Summary
This post is a part of Lemmy 0.16.7 on OpenBSD 7.2 about Lemmy.
Premise
The server is OpenBSD and Rust (rustlang) is installed. Also, there is _lemmy user whose home directory is /var/lemmy.
Environment
OS: OpenBSD 7.2
App
Lemmy-UI: 0.16.7
based on InfernoJS 7.4
Tutorial
Lemmy-UI server
Prepare Node.js
Switch back to your own user if you are acting as _lemmy:
$ exit
Then run:
$ doas pkg_add yarn
The output was:
quirks-6.42 signed on 2023-01-13T18:22:41Z
yarn-1.22.18:…
#lemmy #fediverse #infernojs #websocket
3. pict-rs 0.3.2 on OpenBSD 7.2: Install
Summary
This post is a part of Lemmy 0.16.7 on OpenBSD 7.2 about Lemmy.
Premise
The server is OpenBSD and Rust (rustlang) is installed. Also, there is _lemmy user whose home directory is /var/lemmy.
Environment
OS: OpenBSD 7.2
Object Storage: MinIO - AWS S3-compatible (Optional)
Apps
pict-rs: 0.3.2
based on Rust 1.63 + Actix 0.13 + Actix Web 4
Tutorial
pict-rs server
Lemmy uses pict-rs to store image. It is a simple image hosting service which is open source and written in Rust, to…
#pictrs #rust #actix #minio
dev.to
1. 3 Free ways to earn loads of money online💸
Earning that first dollar online can seem tough, but what if I tell you that I can teach you 3 ways to earn lots of real money online? All you need is an internet connection, so without further ado, let's get started!
1. Selling Merch Online
The idea of selling Merch online can be scary, but it's actually surprisingly easy.
Here is a store I started a while ago: The Coders
I used spring for my online Merch shop, which works quite well, and spring is also completely free to use.
If you cho…
#tutorial #career #showdev #watercooler
2. Deep dive into WebSockets
Hello there! In this post, we'll be doing a conceptual deep dive into WebSockets.
To begin with, let's first understand the use case of WebSockets.
In a client-server architecture, if client wants to talk to the server, it can make an HTTP request to the server and the server responds back.
HTTP Request-Response Cycle:
Now if there is a data update that has happened on the server,
there's no way it can make a real time update to the client - unless the client constantly keeps requesting th…
#websocket #api #distributedsystems #programming
1. 3 Free ways to earn loads of money online💸
Earning that first dollar online can seem tough, but what if I tell you that I can teach you 3 ways to earn lots of real money online? All you need is an internet connection, so without further ado, let's get started!
1. Selling Merch Online
The idea of selling Merch online can be scary, but it's actually surprisingly easy.
Here is a store I started a while ago: The Coders
I used spring for my online Merch shop, which works quite well, and spring is also completely free to use.
If you cho…
#tutorial #career #showdev #watercooler
2. Deep dive into WebSockets
Hello there! In this post, we'll be doing a conceptual deep dive into WebSockets.
To begin with, let's first understand the use case of WebSockets.
In a client-server architecture, if client wants to talk to the server, it can make an HTTP request to the server and the server responds back.
HTTP Request-Response Cycle:
Now if there is a data update that has happened on the server,
there's no way it can make a real time update to the client - unless the client constantly keeps requesting th…
#websocket #api #distributedsystems #programming
dev.to
1. JS game engine update, Kaboom 3000 beta released
The Kaboom game engine received an update and has reached it's third major version Kaboom 3000.
object scene graph / children objects
rotated / polygon areas
load .ttf, .otf, .woff fonts
up to 50x graphics performance
custom loading screen
post visual effects
tweening!!!!
gamepads
pathfinding
That's a pretty hefty and ambitious feature set for a relatively small project like this. On the one hand, it's not Unity... but on the other hand, good.
The docs are great and the Discord is active. I…
#javascript #kaboom #gameengine #gamedev
2. Typescript para desarrolladores de Angular
Hace ya dos años que empecé a trabajar con Angular y, no voy a mentir, al principio Typescript se me hizo rarísimo. Nunca había tocado ninguna de las dos tecnologías antes, así que los archivos .ts se me hicieron un poco cuesta arriba, con lo diferente que se me hacía este framework desarrollado por Google. Por este motivo, aquí voy a dejar una serie de pinceladas para aquellos que se inician en typescript.
¿Qué es?
Typescript es un superset de Javascript, es decir, puede ejecutar código tanto …
3. Scalable Websocket Server Implemented by ChatGPT
Cover photo by possessedphotography
In the previous post Why Websockets are Hard to Scale we've talked about the problems with scaling websockets and some of the existing solutions as well. The post mentioned using a load balancing technique called consistent hashing, which is a very elegant solution to this problem. I promised you for a post about how to implement scalable websocket server with consistent hashing.
Well, the day has come, take your coffee and follow along. Special thanks to Ch…
#chatgpt #websocket #scalable #node
1. JS game engine update, Kaboom 3000 beta released
The Kaboom game engine received an update and has reached it's third major version Kaboom 3000.
object scene graph / children objects
rotated / polygon areas
load .ttf, .otf, .woff fonts
up to 50x graphics performance
custom loading screen
post visual effects
tweening!!!!
gamepads
pathfinding
That's a pretty hefty and ambitious feature set for a relatively small project like this. On the one hand, it's not Unity... but on the other hand, good.
The docs are great and the Discord is active. I…
#javascript #kaboom #gameengine #gamedev
2. Typescript para desarrolladores de Angular
Hace ya dos años que empecé a trabajar con Angular y, no voy a mentir, al principio Typescript se me hizo rarísimo. Nunca había tocado ninguna de las dos tecnologías antes, así que los archivos .ts se me hicieron un poco cuesta arriba, con lo diferente que se me hacía este framework desarrollado por Google. Por este motivo, aquí voy a dejar una serie de pinceladas para aquellos que se inician en typescript.
¿Qué es?
Typescript es un superset de Javascript, es decir, puede ejecutar código tanto …
3. Scalable Websocket Server Implemented by ChatGPT
Cover photo by possessedphotography
In the previous post Why Websockets are Hard to Scale we've talked about the problems with scaling websockets and some of the existing solutions as well. The post mentioned using a load balancing technique called consistent hashing, which is a very elegant solution to this problem. I promised you for a post about how to implement scalable websocket server with consistent hashing.
Well, the day has come, take your coffee and follow along. Special thanks to Ch…
#chatgpt #websocket #scalable #node
dev.to
WebSocket Vs. REST
Every day, we get asked, "What is the difference between WebSockets and the REST API?" With this...
#websocket #rest #api #datadelivery
WebSocket Vs. REST
Every day, we get asked, "What is the difference between WebSockets and the REST API?" With this...
#websocket #rest #api #datadelivery
dev.to
Dynamic Unmarshalling in Go
In this blog, I will help you understand a unique problem of dynamic unmarshalling, where did I...
#programming #go #performance #websocket
Dynamic Unmarshalling in Go
In this blog, I will help you understand a unique problem of dynamic unmarshalling, where did I...
#programming #go #performance #websocket
dev.to
Running many WebSocket servers
At Woovi, we have 7 frontends, and each frontend has their own server. To provide a better DX, we run...
#websocket #koa #backend
Running many WebSocket servers
At Woovi, we have 7 frontends, and each frontend has their own server. To provide a better DX, we run...
#websocket #koa #backend