dev.to
1. Software Release Via NPM
For this lab, I have chosen to release my tool via the use of NPM.
Preparation before publishing
Create a package.json file if you don't have in the root directory.
Use this npm init to create the new package.json file.
A package.json file:
Lists the packages your project depends on
Specifies versions of a package that your project can use using semantic versioning rules
Makes your build reproducible, and therefore easier to share with other developers
Make sure to add the name, version and…
#opensource #npm #programming #javascript
2. Build a Timeline Tracker with Cloudinary, Xata, and Next.js
A timeline visually represents the work required to finish our project. It displays the dates that each activity was completed so we can monitor our progress. On the other hand, it may also convey what is required to achieve deadlines, making it more straightforward to manage expectations and assign priorities to projects in the long term.
The post will teach us how to build a timeline tracker with Cloudinary and Xata in a Next.js application.
Check out the live demo here.
GitHub Repository…
#webdev #xata #nextjs #javascript
1. Software Release Via NPM
For this lab, I have chosen to release my tool via the use of NPM.
Preparation before publishing
Create a package.json file if you don't have in the root directory.
Use this npm init to create the new package.json file.
A package.json file:
Lists the packages your project depends on
Specifies versions of a package that your project can use using semantic versioning rules
Makes your build reproducible, and therefore easier to share with other developers
Make sure to add the name, version and…
#opensource #npm #programming #javascript
2. Build a Timeline Tracker with Cloudinary, Xata, and Next.js
A timeline visually represents the work required to finish our project. It displays the dates that each activity was completed so we can monitor our progress. On the other hand, it may also convey what is required to achieve deadlines, making it more straightforward to manage expectations and assign priorities to projects in the long term.
The post will teach us how to build a timeline tracker with Cloudinary and Xata in a Next.js application.
Check out the live demo here.
GitHub Repository…
#webdev #xata #nextjs #javascript
cointelegraph.com
Calls for regulation get louder as FTX contagion continues to spread
The FTX saga has made some crypto executives, researchers, analysts, and politicians more aligned on regulation than ever…
#Cryptoregulation #FTXcollapse #Coinbase #Messari #Binance #ChangpengZhao #HightowerAdvisors
dev.to
1. Lib to create docs in NextJS projects
i create a Open Source npm package for NextJS projects.
Using this package you can transform any file in /pages/docs
in a custom documentation for your code.
and he package have pre-built components for you use in your docs...
I named this package with doc_docs...
if you want see or use in your project access in:
https://github.com/hernandemonteiro/doc_docs
now i need study for create the markdowns for contributing, code_of_condute...
if you can help me, and see what i can do better, i apprec…
#javascript #nextjs #react #npm
2. 7 JavaScript Concepts You Should Be Familiar With As a Developer
As of 2022, JavaScript currently stands as the most commonly-used language in the world. It is used by 95 percent of all websites, whether small startups or giant corporations. Several of them are working on specific website or app that requires a strong understanding of this language.
There are tons of frameworks and libraries available for javascript users. If you can understand Javascript fundamentals, you can learn these frameworks and libraries easily. Several concepts are confusing and ov…
#javascript #webdev #codenewbie #programming
3. SPVM 0.9663 is released
SPVM 0.9663 is released.
New Features and Enhancement
Changes
0.9663 2022-11-29
[Changes]
* Add the following file to the MANIFEST.SKIP that is generated by the spvmdist command.
^cpanm$
* The version of the module file that is generated by the spvmdist command is not outputted
when the --only-lib-files option is specified.
[New Features]
* Added the follwoing opitonal arguments to the push method in the StringBuffer class.
[Before]
method push : void ($string : string);
[After]…
#perl #spvm #cpan #language
Calls for regulation get louder as FTX contagion continues to spread
The FTX saga has made some crypto executives, researchers, analysts, and politicians more aligned on regulation than ever…
#Cryptoregulation #FTXcollapse #Coinbase #Messari #Binance #ChangpengZhao #HightowerAdvisors
dev.to
1. Lib to create docs in NextJS projects
i create a Open Source npm package for NextJS projects.
Using this package you can transform any file in /pages/docs
in a custom documentation for your code.
and he package have pre-built components for you use in your docs...
I named this package with doc_docs...
if you want see or use in your project access in:
https://github.com/hernandemonteiro/doc_docs
now i need study for create the markdowns for contributing, code_of_condute...
if you can help me, and see what i can do better, i apprec…
#javascript #nextjs #react #npm
2. 7 JavaScript Concepts You Should Be Familiar With As a Developer
As of 2022, JavaScript currently stands as the most commonly-used language in the world. It is used by 95 percent of all websites, whether small startups or giant corporations. Several of them are working on specific website or app that requires a strong understanding of this language.
There are tons of frameworks and libraries available for javascript users. If you can understand Javascript fundamentals, you can learn these frameworks and libraries easily. Several concepts are confusing and ov…
#javascript #webdev #codenewbie #programming
3. SPVM 0.9663 is released
SPVM 0.9663 is released.
New Features and Enhancement
Changes
0.9663 2022-11-29
[Changes]
* Add the following file to the MANIFEST.SKIP that is generated by the spvmdist command.
^cpanm$
* The version of the module file that is generated by the spvmdist command is not outputted
when the --only-lib-files option is specified.
[New Features]
* Added the follwoing opitonal arguments to the push method in the StringBuffer class.
[Before]
method push : void ($string : string);
[After]…
#perl #spvm #cpan #language
dev.to
1. just 2 words: NPM i --save
Hi!
I wanted to write the difference between the --save flags while installing your node dependencies
1-This installs the package and updates the dependencies in your package.json.
npm install <package_name> --save
2- This installs the package but does not update the dependencies as listed in your package.json.
npm install <package_name> --no-save
3- And this updates the dev Dependencies in your package. These are only used for local testing and development.
npm install <package_name> ---…
#dicuss #npm #node #webdev
2. AWS re:Invent 2022 Crossworld
Did you pay attention to all the keynotes at re:Invent? Did you follow the AWS blogs for the latest news or were you too busy partying in Vegas?
Show your manager that your time in Nevada or watching the conference online was well spent. Certify your knowledge of the key announcements from this year’s cloud computing conference with a crossword! All names are without the “AWS” or “Amazon” prefix, because I am nice.
Let me know what you think, before you go and start playing!…
#cloud #aws #beginners #jokes
1. just 2 words: NPM i --save
Hi!
I wanted to write the difference between the --save flags while installing your node dependencies
1-This installs the package and updates the dependencies in your package.json.
npm install <package_name> --save
2- This installs the package but does not update the dependencies as listed in your package.json.
npm install <package_name> --no-save
3- And this updates the dev Dependencies in your package. These are only used for local testing and development.
npm install <package_name> ---…
#dicuss #npm #node #webdev
2. AWS re:Invent 2022 Crossworld
Did you pay attention to all the keynotes at re:Invent? Did you follow the AWS blogs for the latest news or were you too busy partying in Vegas?
Show your manager that your time in Nevada or watching the conference online was well spent. Certify your knowledge of the key announcements from this year’s cloud computing conference with a crossword! All names are without the “AWS” or “Amazon” prefix, because I am nice.
Let me know what you think, before you go and start playing!…
#cloud #aws #beginners #jokes
dev.to
1. React Utility Components
Reusable react components to maximize your coding efficiency.
Install
npm i @melmahdi/reactuc
Components
If
Image
Iterate
Table
Usage
If
Conditional rendering component
import { If } from "@melmahdi/reactuc";
<If condition={condition: 1 | 0} otherwise={otherwise: ReactNode}>
...
</If>
Image
Component to handle broken images
import { Image } from "@melmahdi/reactuc";
<Image fallback={...} src="..." alt="..." />
Iterate
Component to handle iterations.
Display list of paragra…
#react #npm #typescript
2. How ChatGPT Will Help Content Creators Write Opinion Pieces More Easily
As a content creator, you know that writing opinion pieces can be a challenging but rewarding task. It requires not only a strong understanding of the topic at hand, but also the ability to articulate your thoughts and ideas clearly and persuasively.
But what if you could have a tool that could help you with this process? Enter ChatGPT, a powerful language model trained by OpenAI that can assist content creators in writing opinion pieces more easily.
ChatGPT uses natural language processing (N…
#machinelearning #ai #writing #watercooler
1. React Utility Components
Reusable react components to maximize your coding efficiency.
Install
npm i @melmahdi/reactuc
Components
If
Image
Iterate
Table
Usage
If
Conditional rendering component
import { If } from "@melmahdi/reactuc";
<If condition={condition: 1 | 0} otherwise={otherwise: ReactNode}>
...
</If>
Image
Component to handle broken images
import { Image } from "@melmahdi/reactuc";
<Image fallback={...} src="..." alt="..." />
Iterate
Component to handle iterations.
Display list of paragra…
#react #npm #typescript
2. How ChatGPT Will Help Content Creators Write Opinion Pieces More Easily
As a content creator, you know that writing opinion pieces can be a challenging but rewarding task. It requires not only a strong understanding of the topic at hand, but also the ability to articulate your thoughts and ideas clearly and persuasively.
But what if you could have a tool that could help you with this process? Enter ChatGPT, a powerful language model trained by OpenAI that can assist content creators in writing opinion pieces more easily.
ChatGPT uses natural language processing (N…
#machinelearning #ai #writing #watercooler
dev.to
NPM Scripts summary
There is an extremely brief but too informative summary about such convenient feature of npm as scripts. So few words, only grouped and classified facts.
Disclamer
Information is relevant for npm v9.2.0
Main purposes of this post
to introduce classification of scripts
to summarize important things about npm scripts
to act as a quick reminder about npm scripts
Prerequisites
The readers should already be familiar with npm scripts feature at least at elementary level. It can be learned fr…
#npm #node #javascript #programming
NPM Scripts summary
There is an extremely brief but too informative summary about such convenient feature of npm as scripts. So few words, only grouped and classified facts.
Disclamer
Information is relevant for npm v9.2.0
Main purposes of this post
to introduce classification of scripts
to summarize important things about npm scripts
to act as a quick reminder about npm scripts
Prerequisites
The readers should already be familiar with npm scripts feature at least at elementary level. It can be learned fr…
#npm #node #javascript #programming
dev.to
1. Followers become 179
Followers become 179. Thank you very much…
2. Twitter Data Pipeline with Apache Airflow + MinIO (S3 compatible Object Storage)
Twitter Data Pipeline with Apache Airflow + MinIO (S3 compatible Object Storage)
The more that you read, the more things you will know. The more that you learn, the more places you’ll go.
Dr. Seuss
Motivation
During my journey as a Data Engineer, I stumbled upon many tools.
One that caught my attention is MinIO, a Multi-cloud Object Storage that is AWS s3 Compatible.
To learn more about it, I built a Data Pipeline that uses Apache Airflow to pull Elon Musk tweets using the Twitter API and s…
#twitter #minio #python
3. 5 Simple Steps to Creating Your Very Own npm Module
Are you tired of using someone else's npm module and wish you could create your own? Well, the good news is that it's actually quite simple to do! Follow these five steps and you'll have your very own npm module in no time.
Step 1: Initialize Your Project
First, create a new directory for your project and navigate to it in your terminal. Then, run the following command:
npm init
git init
git remote add origin git://git-remote-url
This will prompt you to fill out some information about your …
#javascript #webdev #npm #beginners
1. Followers become 179
Followers become 179. Thank you very much…
2. Twitter Data Pipeline with Apache Airflow + MinIO (S3 compatible Object Storage)
Twitter Data Pipeline with Apache Airflow + MinIO (S3 compatible Object Storage)
The more that you read, the more things you will know. The more that you learn, the more places you’ll go.
Dr. Seuss
Motivation
During my journey as a Data Engineer, I stumbled upon many tools.
One that caught my attention is MinIO, a Multi-cloud Object Storage that is AWS s3 Compatible.
To learn more about it, I built a Data Pipeline that uses Apache Airflow to pull Elon Musk tweets using the Twitter API and s…
#twitter #minio #python
3. 5 Simple Steps to Creating Your Very Own npm Module
Are you tired of using someone else's npm module and wish you could create your own? Well, the good news is that it's actually quite simple to do! Follow these five steps and you'll have your very own npm module in no time.
Step 1: Initialize Your Project
First, create a new directory for your project and navigate to it in your terminal. Then, run the following command:
npm init
git init
git remote add origin git://git-remote-url
This will prompt you to fill out some information about your …
#javascript #webdev #npm #beginners
dev.to
1. Dependency Inversion Principle with TypeScript Interfaces & Decorators
Introduction
In this article I’m going to share with you an implementation of a powerful principle, made possible in JS by capabilities of TypeScript (and soon ECMAScript).
I’m talking about the Dependency Inversion Principle (DIP) and I will show you how it can elevate your JS game to new heights.
Dependency Inversion is a fundamental principle in software development that has been around for quite some time, but sometimes it can get overlooked amidst the constant introduction of new technol…
#typescript #javascript #npm #webdev
2. Hausmeister: Automating Slack Channel Archiving Using GitHub Actions
Motivation
Slack is a great communication tool, offering not only chat functionality, but also audio and video calls. Threads are a good way to discuss a message / topic in greater detail, without creating noise in the channel or creating interleaving conversations that are hard to follow. However, sometimes there are topics to discuss that will take more than a couple of messages. In this case, you can also utilize temporary, public channels.
Unfortunately, Slack does not have built-in functi…
#slack #productivity #serverless #github
3. Connecting to an existing Amazon RDS MySQL Database via RDS Proxy - 1
In this article, I am going to show you how to create and connect to an Amazon RDS MySQL Database via an EC2 instance.
In my 2nd article, I will show you how to create an RDS Proxy and connect it to an already existing Amazon RDS MySQL Database.
The same process can be applied to PostgreSQL as well.
Amazon RDS Proxy is a fully managed, highly available database proxy for Amazon RDS and Amazon Aurora and when applied to the applications, the applications become more scalable, and more resilie…
1. Dependency Inversion Principle with TypeScript Interfaces & Decorators
Introduction
In this article I’m going to share with you an implementation of a powerful principle, made possible in JS by capabilities of TypeScript (and soon ECMAScript).
I’m talking about the Dependency Inversion Principle (DIP) and I will show you how it can elevate your JS game to new heights.
Dependency Inversion is a fundamental principle in software development that has been around for quite some time, but sometimes it can get overlooked amidst the constant introduction of new technol…
#typescript #javascript #npm #webdev
2. Hausmeister: Automating Slack Channel Archiving Using GitHub Actions
Motivation
Slack is a great communication tool, offering not only chat functionality, but also audio and video calls. Threads are a good way to discuss a message / topic in greater detail, without creating noise in the channel or creating interleaving conversations that are hard to follow. However, sometimes there are topics to discuss that will take more than a couple of messages. In this case, you can also utilize temporary, public channels.
Unfortunately, Slack does not have built-in functi…
#slack #productivity #serverless #github
3. Connecting to an existing Amazon RDS MySQL Database via RDS Proxy - 1
In this article, I am going to show you how to create and connect to an Amazon RDS MySQL Database via an EC2 instance.
In my 2nd article, I will show you how to create an RDS Proxy and connect it to an already existing Amazon RDS MySQL Database.
The same process can be applied to PostgreSQL as well.
Amazon RDS Proxy is a fully managed, highly available database proxy for Amazon RDS and Amazon Aurora and when applied to the applications, the applications become more scalable, and more resilie…
dev.to
5 NPM Alternatives You Should Try
As a Node.js developer, you are probably familiar with NPM, the default package manager for Node.js....
#javascript #npm #webdev #node
5 NPM Alternatives You Should Try
As a Node.js developer, you are probably familiar with NPM, the default package manager for Node.js....
#javascript #npm #webdev #node
dev.to
Help Needed !!
Hi !! Currently I am looking for real world project Ideas for npm packages that are really needed....
#help #webdev #npm #javascript
Help Needed !!
Hi !! Currently I am looking for real world project Ideas for npm packages that are really needed....
#help #webdev #npm #javascript
dev.to
O que os símbolos(~) e (^) representam nas dependências de projetos?
Em português: (~) til e (^) circunflexo. Em inglês, (~) tilde e (^) caret. Você pode continuar...
#npm #javascript #beginners
O que os símbolos(~) e (^) representam nas dependências de projetos?
Em português: (~) til e (^) circunflexo. Em inglês, (~) tilde e (^) caret. Você pode continuar...
#npm #javascript #beginners
dev.to
Code Legacy: pnpm vs npm
This article outlines the concept of code legacy and its underlying reasons, drawing on a real-life...
#webdev #npm #productivity #programming
Code Legacy: pnpm vs npm
This article outlines the concept of code legacy and its underlying reasons, drawing on a real-life...
#webdev #npm #productivity #programming
dev.to
npm v/s yarn v/s pnpm
Ready to talk package managers? You know, those tools that make your life as a developer so much...
#webdev #node #npm #javascript
npm v/s yarn v/s pnpm
Ready to talk package managers? You know, those tools that make your life as a developer so much...
#webdev #node #npm #javascript
dev.to
[JS/TS] Cookie Muncher - Effortless cookie management
When we create a website, we always need to use cookies, either on the browser side, or on the server...
#typescript #javascript #npm #cookie
[JS/TS] Cookie Muncher - Effortless cookie management
When we create a website, we always need to use cookies, either on the browser side, or on the server...
#typescript #javascript #npm #cookie
dev.to
Do you want to publish your own npm package ?
Hey everyone! Have you ever used an open-source package for your project and thought to yourself, "I...
#npm #javascript #node #opensource
Do you want to publish your own npm package ?
Hey everyone! Have you ever used an open-source package for your project and thought to yourself, "I...
#npm #javascript #node #opensource
dev.to
i built a react library for adding leaderboards to your app in minutes
yo, what's up 👋 i'm dylan - a high school senior and a software builder. in the last two days i've...
#react #npm #tailwindcss #gamedev
i built a react library for adding leaderboards to your app in minutes
yo, what's up 👋 i'm dylan - a high school senior and a software builder. in the last two days i've...
#react #npm #tailwindcss #gamedev
dev.to
How to Succeed in Open Source Without Really Trying (Really)
It is code written by an idiot, full of downloads and regex, signifying nothing.
#webdev #svg #javascript #npm
How to Succeed in Open Source Without Really Trying (Really)
It is code written by an idiot, full of downloads and regex, signifying nothing.
#webdev #svg #javascript #npm
dev.to
How to develop a svelte component and publish it as a package in NPM
Publish your favorite svelte component as a package on npm and make it available for use...
#npm #svelte #tutorial
How to develop a svelte component and publish it as a package in NPM
Publish your favorite svelte component as a package on npm and make it available for use...
#npm #svelte #tutorial