teleren/devto huggingface dataset:
emacs
Published: 2023-08-16 01:45:30

## emacs
```
vim ~/.bashrc

alias emacs='emacs -nw --color=no'
```
:wq! save and exit

```
source ~/.bashrc
```


**Meta key is ESC**

To write a file
```
emacs test.txt
```
To find and replace
```
ESC SHIFT+x replace-string hai enter hello enter
```

To go to last line of the file
```
ESC SHIFT > to go to last line
```
```
ESC SHIFT < to go to first line
```
To make line number
```
ESC SHIFT+x  linum-mode
```
To cut the text,
```
press CTRL+w.
```
To copy the text,
```
press ESC+w.
```
To paste the text,
```
press CTRL+y
```
go to line number
```
ESC SHIFT+x goto-line enter
```
To go to start of line
```
HOME
```
To go to end of line
```
END
```
To quit
```
CTRL+g
```

To save a file
```
CTRL+x CTRL+c
it will ask y,n.....
```
To quit without saving
```
ESC then x kill-emacs
```
To save as
```
CTRL+x CTRL+w
```
it will ask for file name
file_name ENTER
then 
```
CTRL+x CTRL+c
```

org mode
```
* Title
** subtopic
*** sub sub topic
tab * expand unexpand a topic

TODO / DONE
SHIFT + right arrow and left arrow
```
A library that simplifies the process of generating PDF files from JSON configurations
Tags: pdf
Published: 2023-08-18 07:47:00

---
title: A library that simplifies the process of generating PDF files from JSON configurations
published: true
date: 2023-08-16 00:33:00 UTC
tags: PDF
canonical_url: https://reactjsexample.com/a-library-that-simplifies-the-process-of-generating-pdf-files-from-json-configurations/
---

# Easy React PDF

## Overview
 ![A library that simplifies the process of generating PDF files from JSON configurations](https://reactjsexample.com/content/images/2023/08/Easy-React-PDF.jpg)

The Easy React PDF is a library that simplifies the process of generating PDF files from JSON configurations. With this library, you can easily create complex PDF documents with various styles, layouts, and content. and make it easy for templating PDF files.

## Installation

You can install the library using npm:

```
npm install easy-react-pdf
```

### Note

you need install react, react-pdf and react-dom in your project

```
npm install react react-dom @react-pdf/renderer
```

## Usage

### Node js

#### Stream File

```
import { createStreamPDF, IPDFPage } from "easy-react-pdf";

async function main(template: IPDFPage) {
  const stream = await createStreamPDF(template);
  return stream.pipe(fs.createWriteStream("output.pdf"));
}
```

#### Create File

```
import { createFilePDF, IPDFPage } from "easy-react-pdf";

async function main(template: IPDFPage) {
  await createFilePDF(template, "path/to/file.pdf");
}
```

### React

```
import { PDFViewer } from "@react-pdf/renderer";
import { Document } from "easy-react-pdf";

function Main(template: IPDFPage) {
  return (
    <PDFViewer>
      <Document {...template} />
    </PDFViewer>
  );
}
```

## Example Template

```
const contents: IPDFPage = {
  contents: [
    {
      type: "views",
      style: {
        width: "100%",
        height: "100%",
        alignItems: "center",
        justifyContent: "center",
        display: "flex",
      },
      contents: [
        {
          type: "text",
          text: "Hello World",
          style: {
            fontSize: 20,
            fontWeight: "bold",
          },
        },
      ],
    },
  ],
  document: {
    title: "Payment Schedules",
  },
  pages: {
    size: "A4",
  },
};
```

## GitHub

[View Github](https://github.com/barared28/easy-react-pdf?ref=reactjsexample.com)
Code, Kids, and Tavern Tales: Phil's Digital Odyssey
Tags: career, discuss, watercooler, community
Published: 2023-08-16 00:31:39

---
title: Code, Kids, and Tavern Tales: Phil's Digital Odyssey
published: true
date: 2023-08-15 17:00:00 UTC
tags: #career #discuss #watercooler #community 
---
In the heart of the digital metropolis, Phil, a seasoned coder, found himself navigating the winds of change. Since June, the rhythm of life had shifted, challenging him with the unpredictability of the job market. Yet, it wasn't all about trials. The unexpected hiatus had silver linings. 

Diving deep into the realms of programming, Phil became a student once again. At Udacity, he conquered the nuances of the Go language, earning himself a respected Nanodegree. With the scholars of DataCamp, he immersed himself in data science, adding another feather to his cap. As the days passed, the rusted chains of the Rust language no longer held secrets from him, and the enchanting songs of Elixir and Phoenix lured him into their transformative embrace. 

But while the journey of upskilling was thrilling, the marketplace's tales were of contrasting hues. Each scroll on his device told stories of acquaintances finding new adventures or facing the daunting abyss of layoffs. Such were the times, a blend of optimism and uncertainty.

Despite the tumult, one of Phil's treasures during this period was the unanticipated gift of time. The days were punctuated with joyous moments, as he basked in the warmth of his children's laughter and cherished the simple pleasures of life. The playgrounds echoed with their giggles, and the nights were filled with stories, not of code, but of fantastical realms and adventures.

As evenings descended, Phil would frequent the local discord tavern, a haven for coders. Over mugs of coffee, tales of resilience and dreams were exchanged virtually. Phil often mused, "While we all need the gold coins, sometimes the journey and the camaraderie sustain us even more. Until the dream opportunity knocks, we stand tall, united by our shared quest."

And so, with hope in his heart and an arsenal of skills, Phil faced each day, knowing that every sunrise brought with it a promise, and every sunset, a lesson. The journey was as valuable as the destination, and he cherished every step. Love ya'll!

If you enjoy my technology-focused articles and insights and wish to support my work, feel free to visit my Ko-fi page at https://ko-fi.com/philipjohnbasile. Every coffee you buy me helps keep the tech wisdom flowing and allows me to continue sharing valuable content with our community. Your support is greatly appreciated!
How to read all bytes from a resource file in Clojure
Tags: clojure, programming, tutorial
Published: 2023-08-16 00:17:21

```clojure
(-> "images/something.jpg"
     io/resource
     io/file
     .toPath
     java.nio.file.Files/readAllBytes)
```

It is important to note that the resource is located in your `resources` directory so use a path relative to your application or components root directory.
A Next-Level Accordion Component Using Pure React
Tags: accordion
Published: 2023-08-18 07:47:05

---
title: A Next-Level Accordion Component Using Pure React
published: true
date: 2023-08-16 00:17:00 UTC
tags: Accordion
canonical_url: https://reactjsexample.com/a-next-level-accordion-component-using-pure-react/
---

# React-Accordions
 ![A Next-Level Accordion Component Using Pure React](https://reactjsexample.com/content/images/2023/08/code_2023-13-22-11-50.jpg)

**A Next-Level Accordion Component Using Pure React**

[View Demo](https://react-accordions.vercel.app/)[GitHub](https://github.com/Shahriyar-Hosen/React-Accordions?ref=reactjsexample.com)
#

Accordions.mp4

<video src="https://user-images.githubusercontent.com/96829173/260286491-0d8622ea-2a75-49b9-8885-1cd1cde84023.mp4" data-canonical-src="https://user-images.githubusercontent.com/96829173/260286491-0d8622ea-2a75-49b9-8885-1cd1cde84023.mp4" controls="controls" muted="muted" style="max-width:100%;min-height: 200px"></video>
Copy and paste email templates built with React Email
Tags: email
Published: 2023-08-18 07:47:09

---
title: Copy and paste email templates built with React Email
published: true
date: 2023-08-16 00:14:00 UTC
tags: Email
canonical_url: https://reactjsexample.com/copy-and-paste-email-templates-built-with-react-email/
---

# @modulize/email
 ![Copy and paste email templates built with React Email](https://reactjsexample.com/content/images/2023/08/code_2023-13-22-08-59.jpg)

Copy and paste email templates built with React Email for your next project.

![Copy and paste email templates built with React Email](https://github.com/modulize-org/email/raw/main/apps/web/public/opengraph.jpg)

## Documentation

Visit [http://email.modulize.co/docs](http://email.modulize.co/docs) to view the documentation.

## Setup

To develop emails, run the following command:

```
pnpm dev:email
```

To work on other parts of the project, run the following command:

```
pnpm dev
```

This will run everything except the email server.

## Troubleshooting

If Husky is complaining about not being able to execute. Run the following command:

```
chmod ug+x .husky/\*
chmod ug+x .git/hooks/\*
```

## License

Licensed under the [MIT license](https://github.com/modulize-org/email/blob/main/LICENSE.md).

## GitHub

[View Github](https://github.com/modulize-org/email?ref=reactjsexample.com)
An open source massively-multiplayer, fully destructable game running in a web browser
Tags: games
Published: 2023-08-18 07:47:56

---
title: An open source massively-multiplayer, fully destructable game running in a web browser
published: true
date: 2023-08-16 00:11:00 UTC
tags: Games
canonical_url: https://reactjsexample.com/an-open-source-massively-multiplayer-fully-destructable-game-running-in-a-web-browser/
---

# Biomes
 ![An open source massively-multiplayer, fully destructable game running in a web browser](https://reactjsexample.com/content/images/2023/08/code_2023-13-22-06-37.jpg)

Biomes is an open source massively-multiplayer, fully destructable game running in a web browser. It’s written primarily Typescript and WebAssembly and uses React and reactive paradigms for gameplay.

[![An open source massively-multiplayer, fully destructable game running in a web browser](https://github.com/ill-inc/biomes-game/raw/main/docs/assets/images/biomes-ss.png) Watch the trailer!](https://www.youtube.com/watch?v=vPHEtewFm3M)

See [https://www.biomes.gg](https://www.biomes.gg) for more details

Biomes uses a distributed architecture but can run locally. Get things started by [running the server locally](https://github.com/ill-inc/biomes-game/blob/main/docs/runningLocally.md)

To contribute, see our [source code documentation](https://ill-inc.github.io/biomes-game)

Join the [developer community in Discord](https://www.discord.com/biomes)

## GitHub

[View Github](https://github.com/ill-inc/biomes-game?ref=reactjsexample.com)
Finally JavaScript here I Am😌
Tags: javascript, html, css, diaryofabeginner
Published: 2023-08-16 00:10:19

Hello there…I have decided to create this blog in other to be able to keep track of my personal development in becoming a full stack developer(moving from frontend through to backend) and hopefully encourage someone along the way… like the saying goes “A journey of a thousand mile begins with a step”. So this is actually my second step😃. 
My first step was registering with a boot-camp to guide me on this journey. So I will be starting my first project ever using HTML, CSS and JavaScript🫣. I have always seen JavaScript to be very vague language and almost impossible to learn but I have decided to learn one thing at a time, so everyday I will endeavor to learn something new and perhaps share with you all here how it progresses. Back to my project😌. Can’t wait to share what I come up with…

Bye 👋 for now
A virtual marketplace designed for university students built with React.js
Tags: apps
Published: 2023-08-18 07:48:07

---
title: A virtual marketplace designed for university students built with React.js
published: true
date: 2023-08-16 00:08:00 UTC
tags: Apps
canonical_url: https://reactjsexample.com/a-virtual-marketplace-designed-for-university-students-built-with-react-js/
---

# Subletter
 ![A virtual marketplace designed for university students built with React.js](https://reactjsexample.com/content/images/2023/08/code_2023-13-22-03-20.jpg)

![A virtual marketplace designed for university students built with React.js](https://github.com/imaadj10/subletter/raw/main/subletter.gif)

### Developed By

- Yu Cheng Li
- Imaad Junaidi
- Andy Hu

#### Welcome to Subletter! An application designed to facilitate the subletting process for university students. Gone are the days of posting your sublet on sites like Facebook Marketplace, and receiving dozens of unwanted inquiries from non-students. Subletter ensures that the only people messaging you about your listings are your fellow peers! Features include:

- Posting listings, whether that be items or sublets!
- Messaging other users
- A residences page to make sure you’re getting the best deal when you’re a sublessee!
- All that and more!

Subletter is built with a MySQL database, Express.js backend, and React.js frontend enhanced by ChakraUI.

## GitHub

[View Github](https://github.com/imaadj10/subletter?ref=reactjsexample.com)
HEY YOU, YES YOU ...
Tags: offers, django, webdev
Published: 2023-08-15 23:30:24

## DO YOU HAVE THE MILLION DOLLARS IDEA ? 
DO YOU HAVE A FEW BUCKS IDEA ? 
DO YOU HAVE AN IDK HOW MUCH $ IDEA ? 

Hand it, straight to me. I'll make it from the scratch, front-end, back-end or whatever it requires.

I'll write it all from the scratch and hand you the source code to do whatever you like with it. For free.

Who am I ? 
My name is Jawdat (just call me Jay), I'm a python developer I have worked on 5 mini games on my own and managed to publish them on itch.io and people made a little bit of noise around them in a way that made me feel good about them. 

Currently, I'm not working on any games, for the past few months I dived into the realm of web development and made over 15 or so pet projects (blogs, stores, static websites .. etc) you can find most of them on my Github repo. I'm bored of toy web apps and want to try to create something that will challenge my abilities. 

I can bet many are now making fun of me or this post in general. 
but anyways here are my conditions for making you idea come to life. 

1- It has to be a website, static or an actual web app. 
2- I can upload it to my Github and/or add it to my portfolio. 
3- We'll agree on a deadline before I start working on the project. 
4- I can refer to you as a client if I was asked about the project.

if the conditions sound good to you, comment your idea or email to 
" 18jwdat@gmail.com "  with a title of "My Idea from DEV.TO"

this is an gif of my work (the only work that I think is proper to put up currently)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7w6wwosot31l0589d58m.gif)
Day 805 : Hotel
Tags: hiphop, code, coding, lifelongdev
Published: 2023-08-15 22:08:36

_liner notes_:
- Professional : Had a meeting with my manager. Talked about the stuff I'm working on now and what I'll be working on for the rest of the week. Worked on porting over an old demo I had to use new stuff and gave some feedback to the engineering team. Spent the rest of the day booking flights and hotels for my upcoming trip.

- Personal : So, I think I got a way to work out the snag I ran into my side project. Just have to implement it to see if it actually works. I think I'm happy with how it will be set up. I did a bunch of research on hotels and sites of Singapore. Really need to get a hotel booked.

![View from inside a valley in Lakeland, England with large mountains on both side that go from green and brown soil at the base to white snow at the top](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zwfrs3zc2cz2r2p2fdwq.jpg)

Going to go through more tracks for the radio show and try to get the video publisher working on the host dashboard after selecting the audio and video inputs. Going to try and pull the trigger and book a hotel for my stay in Singapore. I'll just watch a couple of more review videos and make my decision. I haven't watch any anime yet this week. Hoping to get some watch time in before bed.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube GWhGT66FteU %}
A link to my blog
Tags: webdev, indieweb, rss, javascript
Published: 2023-08-15 22:00:22

https://vesa.piittinen.name/blog

I'm back to doing stuff the traditional way. I have RSS feed.

You can also find me `@MerriNet@mastodon.social`

If you need a reason: commercial social media sites fail to be nice places to spend your time on.
Advantages of Using Temp mail Services
Published: 2023-08-15 21:59:11

[Temp Mail](https://temp-mail.pro) is a popular choice for those seeking a temporary email address service that offers complete anonymity. There are several reasons why you might consider using Temp-mail.pro for your temporary email needs:

Anonymity: Temp-mail.pro allows you to create temporary email addresses without requiring any personal information or registration. This ensures your complete anonymity while using their service.

Quick Setup: Setting up a temporary email address with Temp-mail.pro is a hassle-free process. You can generate a new email address with just a click, without needing to provide any personal details. Just click this link or search for [Temp Mail - Best Disposable Temporary Email](https://temp-mail.pro).

No Personal Information: Unlike traditional email services that often require your name, phone number, or other identifying information, Temp-mail.pro operates without such requirements. This means you can use their service without revealing your true identity.

Disposable Addresses: With Temp-mail.pro, you can generate disposable email addresses that are valid for a certain period of time. This is useful for signing up for websites, newsletters, or online services without exposing your primary email address to potential spam.

Privacy Protection: Temp-mail.pro helps protect your privacy by preventing unwanted emails from cluttering your primary inbox. Once the temporary email address's validity expires, all associated emails are automatically deleted.

Avoid Spam: Using a temporary email address like the ones provided by Temp-mail.pro helps you avoid receiving spam and promotional emails in your main email account.

Temporary Communication: If you need to communicate with someone briefly or access content that requires an email registration, Temp-mail.pro allows you to do so without the commitment of a permanent email address.

No Account Management: Since Temp-mail.pro does not require you to create an account, you won't need to remember another set of login credentials.

Convenience: Temporary email addresses are perfect for one-time interactions or situations where maintaining a long-term email account isn't necessary. Temp-mail.pro provides a convenient solution for such cases.

Free Service: Temp-mail.pro offers its basic services for free, making it an economical choice for those who need temporary email addresses infrequently.

While Temp-mail.pro offers many advantages for anonymity and convenience, it's important to remember that these [temporary fake emails](https://temp-mail.pro) are not suitable for long-term or important communications, as they are designed to be disposable. Always consider the specific needs of your situation before deciding to use a temporary email address service
Como conquistei a certificação AWS Cloud Practitioner
Published: 2023-08-15 21:56:41

Olá pessoal, nesse post gostaria de compartilhar a minha experiência durante o processo de preparação para a AWS Cloud Practitioner.

The first but not the only one!
<img src="https://media.giphy.com/media/o75ajIFH0QnQC3nCeD/giphy.gif">

##Informações sobre o exame##
- Custa 100 USD;
- Possui 65 questões de múltipla escolha;
- A pontuação mínima de aprovação é de 70%;
- Esse exame é considerado de nível básico no que se refere aos tópicos abordados na prova;
- Pode ser realizado de forma online ou pessoalmente em algum centro de treinamento parceiro da AWS;
- O exame tem duração de 90 minutos, recomendo que você marque a prova em inglês para ter direito a mais 30 minutos;
- Em caso de aprovação, a AWS disponibilizará um voucher de 50% de desconto para sua próxima certificação.

##Conteúdos exigidos##
Atualmente o exame está estruturado da seguinte forma:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5uxyswgxkql1wzuis716.png)

[Aqui](https://d1.awsstatic.com/pt_BR/training-and-certification/docs-cloud-practitioner/AWS-Certified-Cloud-Practitioner_Exam-Guide_C02.pdf) está o guia do exame disponibilizado pela própria AWS.

A partir do dia 19 de setembro de 2023 o conteúdo passará por alterações, recomendo acompanhar o site da AWS para obter as novas informações.

## Como me preparei para o exame
Se você já trabalha com AWS diariamente por pelo menos 6 meses, dificilmente terá problemas durante o exame. Caso você nunca tenha trabalhado com AWS, não se preocupe! Não é requisito obrigatório.

1. Realizei o famoso curso da [Udemy](https://www.udemy.com/course/aws-certified-cloud-practitioner-new/) ministrado pelo Stéphane Maarek;
2. Treinava diariamente com os simulados disponíveis na [Whizlabs](https://www.whizlabs.com/aws-certified-cloud-practitioner/);
3. Buscava tirar dúvidas no dia a dia com meus colegas de trabalho.

Existem diversos testes práticos do exame na internet, eu recomendo a Whizlabs porquê diversas questões que eles disponibilizaram caiu no meu exame. Há também explicações detalhadas sobre as respostas (corretas e incorretas), podendo assim obter uma melhor compreensão.

## Dicas
- As páginas de FAQ dos serviços da AWS oferecem uma rica bagagem de informações gerais, recomendo como consulta durante os estudos;
- Marque o exame quando estiver se sentindo seguro (o frio na barriga é normal). Quando estiver obtendo 80% ou mais de acerto nos simulados é o momento oportuno;
- Se possível, tente reproduzir alguns labs na sua conta de estudos na AWS com os recursos free tier, colocar a mão na massa pode contribuir com a fixação do conhecimento;
- O mais importante: respeite o seu tempo e a sua curva de aprendizagem, todos nós estamos aprendendo diariamente :)

Confio em você! 
<img src="https://media.giphy.com/media/QPThyMR3U76LQhdpYJ/giphy.gif">
HOW TO FIX NPM ERROR IN REACT
Published: 2023-08-15 21:42:54

In this article, we will learn how to fix the **“npm error”** in React. This error normally occurs because of the following:

- **Different folder paths**
- **Some files might be missing**
- **Importing files from outdated packages**




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/seucd29szzhs1j6mqepv.png)



**Fixing the Error**

Fixing this errors can be tedious at times, the following are some ways we can use to solve these errors.



1. **Removing node modules:**
2. **Installing React -script**
3. **Creating a .env file**
4. **Changing folder paths**


**1. Removing node modules:** Node modules might not have been installed properly, you can delete the node module application file and re-install it.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lqmgjgmzaouo12lk3nvt.png)

Once deleted, re-install it by running **“npm install”** in the terminal. This will install the latest packages


**2.React-script**: React-script might be missing in the package, run **“npm install react-script”**.After installation, run “**npm-start**“ in the terminal. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k5hvtzujedcpins2h99p.png)



**3. Creating .env file:** Another solution to this is creating an environment variable, **create “.env “  file, set  SKIP_PREFLIGHT_CHECK = true.**


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfbr9yu4penioumfzch9.png)
Run **“npm start”** in the terminal.


**4.Changing folder paths:** The path might also be another reason why you might be experiencing errors. Change the path of the folders and run **“npm start”** in the terminal.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o1okbjnfeo0ncph588oh.png)



**Conclusion**
  The above solutions should solve the issues with the **“npm error in react”.** Hope this helped. Thank you for reading.