Chrome Extension Chapter 2 #105
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Dry-run output: |
pablitxn
reviewed
Jan 22, 2024
| 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' |
There was a problem hiding this comment.
maybe you can apply other tags!
JobHuntingChatGPTChromeExtensionWebScrapingAutomationLinkedIn
It would be nice to have the same tags in both articles! since they would be part of the same series
There was a problem hiding this comment.
I believe dev.to only supports 4 tags max
| 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 |
There was a problem hiding this comment.
ideally, the resolution of the cover image is 1000px x 420px so that the image is not cut off.
| 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 | ||
| --- |
There was a problem hiding this comment.
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 | |
| --- |
pabloromeo
requested changes
Jan 31, 2024
| 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' |
There was a problem hiding this comment.
Suggested change
| tags: 'Scrapping' | |
| tags: 'Scraping' |
|
|
||
| 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 |
There was a problem hiding this comment.
Suggested change
| ### Scrapping and Form Filling | |
| ### Scraping 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. |
There was a problem hiding this comment.
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. | |
|
|
||
| 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?** |
There was a problem hiding this comment.
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?** | |
|  | ||
|
|
||
| ## 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. |
There was a problem hiding this comment.
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. | |
|
|
||
| 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). |
There was a problem hiding this comment.
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). | |
| 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... |
There was a problem hiding this comment.
Suggested change
| I going to tell you in the next chapter... | |
| I'm going to tell you in the next chapter... | |
| 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' |
There was a problem hiding this comment.
I believe dev.to only supports 4 tags max
| cover_image: ./assets/extension_chapter_2_img2.png | ||
| --- | ||
|
|
||
| # Create an chrome extension with React, Typescript and Sockets |
There was a problem hiding this comment.
Suggested change
| # Create an chrome extension with React, Typescript and Sockets | |
| # Create a chrome extension with React, Typescript and Sockets | |
Comment on lines
+46
to
+63
| 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 |
There was a problem hiding this comment.
Format this with a code-block as well
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.