Chrome Extension Chapter 2 by ekp1k80 · Pull Request #105 · cloudx-labs/posts

ekp1k80 · 2023-12-11T11:43:15Z

No description provided.

github-actions · 2023-12-11T14:31:59Z

Dry-run output:

[CREATED] [DRAFT] Job Hunting and ChatGPT - A Developer's Journey       
[CREATED] [DRAFT] Building a Chrome Extension with React, TypeScript, …

pablitxn · 2024-01-21T17:08:48Z

+title: Job Hunting and ChatGPT - A Developer's Journey 
+published: false
+description: Preface to give you a context of how I ended up making a Chrome extension for scraping
+tags: 'Scrapping'


maybe you can apply other tags!

JobHunting

ChatGPT

ChromeExtension

WebScraping

Automation

LinkedIn

It would be nice to have the same tags in both articles! since they would be part of the same series

I believe dev.to only supports 4 tags max

pablitxn · 2024-01-21T17:10:24Z

+published: false
+description: Preface to give you a context of how I ended up making a Chrome extension for scraping
+tags: 'Scrapping'
+cover_image: ./assets/extension_chapter_1_img2.png


ideally, the resolution of the cover image is 1000px x 420px so that the image is not cut off.

pablitxn · 2024-01-21T18:02:25Z

+description: Preface to give you a context of how I ended up making a Chrome extension for scraping
+tags: 'Scrapping'
+cover_image: ./assets/extension_chapter_1_img2.png
+---


You can use the series feature to unify both articles!

You should give it a common title, and on the devto page you will be able to see them together! I leave you a reference in code and the article

Suggested change

---

serie: Job Hunting and ChatGPT - A Developer's Journey

---

https://github.com/cloudx-labs/posts/blob/a4a1055d8385dd0312fceea7d2bdfe78a2e9b73f/posts/maxistahl/04.design-system-post-2.md

https://dev.to/cloudx/anatomy-of-a-design-system-32bp

pabloromeo · 2024-01-31T17:06:51Z

+title: Job Hunting and ChatGPT - A Developer's Journey 
+published: false
+description: Preface to give you a context of how I ended up making a Chrome extension for scraping
+tags: 'Scrapping'


Suggested change

tags: 'Scrapping'

tags: 'Scraping'

pabloromeo · 2024-01-31T17:09:25Z

+
+Looking back, I lacked certain skills, but the real issue was the broken recruitment system. At 15, I was already soldering electronic boards and programming chips in C++. Yet at 21, with more experience, I struggled to find a job. It was frustrating and I don't think it will be the last time.
+
+### Scrapping and Form Filling


Suggested change

### Scrapping and Form Filling

### Scraping and Form Filling

pabloromeo · 2024-01-31T17:13:05Z

+
+# Create an chrome extension with React, Typescript and Sockets
+
+Before you i give you the context of what were my particular needs for this chrome extension, now i going to give you a How to create it.


Suggested change

Before you i give you the context of what were my particular needs for this chrome extension, now i going to give you a How to create it.

Before I gave you the context of what were my particular needs for this chrome extension, now I'm going to show how to create it.

pabloromeo · 2024-01-31T17:13:35Z

+
+Before you i give you the context of what were my particular needs for this chrome extension, now i going to give you a How to create it.
+
+I don't need to explain you why someone would prefer to work with react and not with vanilla html, css and javascript instead in the extensions's UI. **But Why to use Sockets?**


Suggested change

I don't need to explain you why someone would prefer to work with react and not with vanilla html, css and javascript instead in the extensions's UI. **But Why to use Sockets?**

I don't need to explain why someone would prefer to work with react and not with vanilla html, css and javascript instead in the extensions's UI. **But Why to use Sockets?**

pabloromeo · 2024-01-31T17:14:44Z

+![extension_chapter_2_video1.gif](./assets/extension_chapter_2_video1.gif)
+
+## Explanation
+So... my head is bumping, i spend more than 3 hours writing this and i know you are gonna read it in 5 minutes or less, F*** me.


Suggested change

So... my head is bumping, i spend more than 3 hours writing this and i know you are gonna read it in 5 minutes or less, F*** me.

So... my head is bumping, I spent more than 3 hours writing this and i know you are gonna read it in 5 minutes or less, F*** me.

pabloromeo · 2024-01-31T17:25:57Z

+
+The server code when you update it is going to run continusly and is not going to require to build again and again, also it gives you the chance to have all the pros of having an external application without the cons of the extension time consuming in the construction.
+
+When you use sockets, you can connect the popup, the backend, the content and the server, fast and "easy" (is easy after you already implemented).


Suggested change

When you use sockets, you can connect the popup, the backend, the content and the server, fast and "easy" (is easy after you already implemented).

When you use sockets, you can connect the popup, the backend, the content and the server, fast and "easy" (it's easy after you already implemented).

pabloromeo · 2024-01-31T17:26:15Z

+When you use sockets, you can connect the popup, the backend, the content and the server, fast and "easy" (is easy after you already implemented).
+
+So, how to implement sockets? :) :) :) :) :) :) :)
+I going to tell you in the next chapter...


Suggested change

I going to tell you in the next chapter...

I'm going to tell you in the next chapter...

pabloromeo · 2024-01-31T17:26:55Z

+title: Job Hunting and ChatGPT - A Developer's Journey 
+published: false
+description: Preface to give you a context of how I ended up making a Chrome extension for scraping
+tags: 'Scrapping'


I believe dev.to only supports 4 tags max

pabloromeo · 2024-01-31T17:29:25Z

+cover_image: ./assets/extension_chapter_2_img2.png
+---
+
+# Create an chrome extension with React, Typescript and Sockets


Suggested change

# Create an chrome extension with React, Typescript and Sockets

# Create a chrome extension with React, Typescript and Sockets

pabloromeo · 2024-01-31T17:30:48Z

+src/
+├── popup/
+├── ├── App.css
+├── ├── App.test.js
+├── ├── App.tsx
+├── ├── index.css
+├── ├── index.tsx
+├── ├── logo.svg
+├── ├── reportWebVitals.js
+├── ├── setupTests.js
+├── background/
+│ ├── index.ts
+├── content/
+│ ├── index.ts
+├── config-iverrudes.js
+└── public/
+└── manifest.json
+Create folder structure


Format this with a code-block as well

Chrome Extension Chapter 1

75945f6

ekp1k80 requested a review from a team as a code owner December 11, 2023 11:43

ekp1k80 added 2 commits December 11, 2023 11:23

posts/ekp1k80/extension_chapter_2

616239a

posts/ekp1k80/extension_chapter_2.md modify cover image

35d134e

pablitxn reviewed Jan 22, 2024

View reviewed changes

pabloromeo requested changes Jan 31, 2024

View reviewed changes

	---
	serie: Job Hunting and ChatGPT - A Developer's Journey
	---


		Looking back, I lacked certain skills, but the real issue was the broken recruitment system. At 15, I was already soldering electronic boards and programming chips in C++. Yet at 21, with more experience, I struggled to find a job. It was frustrating and I don't think it will be the last time.

		### Scrapping and Form Filling


		# Create an chrome extension with React, Typescript and Sockets

		Before you i give you the context of what were my particular needs for this chrome extension, now i going to give you a How to create it.

	Before you i give you the context of what were my particular needs for this chrome extension, now i going to give you a How to create it.
	Before I gave you the context of what were my particular needs for this chrome extension, now I'm going to show how to create it.


		Before you i give you the context of what were my particular needs for this chrome extension, now i going to give you a How to create it.

		I don't need to explain you why someone would prefer to work with react and not with vanilla html, css and javascript instead in the extensions's UI. But Why to use Sockets?

	I don't need to explain you why someone would prefer to work with react and not with vanilla html, css and javascript instead in the extensions's UI. But Why to use Sockets?
	I don't need to explain why someone would prefer to work with react and not with vanilla html, css and javascript instead in the extensions's UI. But Why to use Sockets?

	So... my head is bumping, i spend more than 3 hours writing this and i know you are gonna read it in 5 minutes or less, F*** me.
	So... my head is bumping, I spent more than 3 hours writing this and i know you are gonna read it in 5 minutes or less, F*** me.


		The server code when you update it is going to run continusly and is not going to require to build again and again, also it gives you the chance to have all the pros of having an external application without the cons of the extension time consuming in the construction.

		When you use sockets, you can connect the popup, the backend, the content and the server, fast and "easy" (is easy after you already implemented).

	I going to tell you in the next chapter...
	I'm going to tell you in the next chapter...

	# Create an chrome extension with React, Typescript and Sockets
	# Create a chrome extension with React, Typescript and Sockets

Conversation

ekp1k80 commented Dec 11, 2023

Uh oh!

github-actions Bot commented Dec 11, 2023

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants