-
17 votes
-
Yarn, React, and Udemy. Help requested.
My apologies if this kind of content is not allowed here. Mod(s) please feel free to delete it if it is not without any butthurt on my part. I'm new to React Testing, so I am taking an Udemy...
My apologies if this kind of content is not allowed here. Mod(s) please feel free to delete it if it is not without any butthurt on my part.
I'm new to React Testing, so I am taking an Udemy course on it. The Udemy course uses yarn, so I would like to stick with that though I do know yarn isn't the top accepted tool in the React community.
I've posted this question elsewhere, I haven't gotten any responses, so I am posting it here ( costs nothing ).
I am getting this error when executing yarn build:
$ yarn build yarn run v1.22.22 $ react-scripts build Creating an optimized production build... Failed to compile. TS2305: Module '"web-vitals"' has no exported member 'ReportHandler'. > 1 | import { ReportHandler } from 'web-vitals'; | ^^^^^^^^^^^^^ 2 | 3 | const reportWebVitals = (onPerfEntry?: ReportHandler) => { 4 | if (onPerfEntry && onPerfEntry instanceof Function) { error Command failed with exit code 1.
I've tried installing web-vitals over what is already in the modules section, but that hasn't helped.
Any clues appreciated!
Update: the tip about ReportHandler being deprecated helped. I ran create react app in a new folder, did NOT run yarn update as the instructor called for,moved my work over, and now everything runs fine.
7 votes -
Where is the programmer inspo?
13 votes -
Can I have some advice on the neural net I've been working on?
Apologies if this isn't an appropriate place to post this. Inspired by a paper I found a while back (https://publications.lib.chalmers.se/records/fulltext/215545/local_215545.pdf), I tried my hand...
Apologies if this isn't an appropriate place to post this.
Inspired by a paper I found a while back (https://publications.lib.chalmers.se/records/fulltext/215545/local_215545.pdf), I tried my hand at implementing a program (in C#) to create ASCII art from an image. It works pretty well, but like they observed in the paper, it's pretty slow to compare every tile to 90-some glyphs. In the paper, they make a decision tree to replicate this process at a faster speed.
Recently, I revisited this. I thought I'd try making a neural net, since I found the idea interesting. I've watched some videos on neural nets, and refreshed myself on my linear algebra, and I think I've gotten pretty close. That said, I feel like there's something I'm missing (especially given the fact that the loss isn't really decreasing). I think my problem is specifically during backpropagation.
Here is a link to the TrainAsync method in GitHub: https://github.com/bendstein/ImageToASCII/blob/1c2e2260f5d4cfb45443fac8737566141f5eff6e/LibI2A/Converter/NNConverter.cs#L164C59-L164C69. The forward and backward propagation methods are below it.
If anyone can give me any feedback or advice on what I might be missing, I'd really appreciate it.
14 votes -
gRPC: The Bad Parts
5 votes -
Let’s write a video game from scratch like it’s 1987
13 votes -
Processing data from the James Webb Space Telescope • John Davies
8 votes -
Game simulation programming: Continuous time
7 votes -
What to know before you implement public-facing APIs
9 votes -
CodeAid: A classroom deployment of an LLM-based programming assistant
6 votes -
Moving Beyond Type Systems
6 votes -
Why, after 6 years, I’m over GraphQL
28 votes -
Building the worlds first Etch-A-Sketch camera
5 votes -
Programming mantras are proverbs
10 votes -
How do you organize your Linux packages?
Hello everyone. I am planning to get back into Linux development after working with Mac only for almost a decade. On Mac, one of the most important lessons that I learned was to always use...
Hello everyone.
I am planning to get back into Linux development after working with Mac only for almost a decade. On Mac, one of the most important lessons that I learned was to always use Homebrew. Using various package managers (e.g. Homebrew, NPM, Yarn, Pip, etc.) creates situations in which you don't know how to uninstall or upgrade certain pieces of software. Also, it's hard to generate a complete overview.
How do you Linux folks handle this?
Bonus question: How do you manage your dotfiles securely? I use Bitwarden, and it's a bit clunky.
If that helps, I want to try Mint and always use Oh My ZSH!.
6 votes -
Why stomping Wigglers glitches Super Mario World
14 votes -
Development notes from xkcd's "Machine"
34 votes -
Flying planes with JavaScript
8 votes -
React, Electron, and LLMs have a common purpose: the labour arbitrage theory of dev tool popularity
31 votes -
The await event horizon in Javascript
10 votes -
Install asdf: One Runtime Manager to Rule All Dev Environments
19 votes -
Chrome/Firefox Plugin to locally scrape data from multiple URLs
As the title suggests, I am looking for a free chrome or firefox plugin that can locally scrape data from multiple URLs. To be a bit more precise, what I mean by it: A free chrome or firefox...
As the title suggests, I am looking for a free chrome or firefox plugin that can locally scrape data from multiple URLs. To be a bit more precise, what I mean by it:
- A free chrome or firefox plugin
- Local scraping: it runs in the browser itself. No cloud computing or "credits" required to run
- Scrape data: Collects predefined data from certain data fields within a website such as https://www.dastelefonbuch.de/Suche/Test
- Infinite scroll: to load data that only loads once the browser scrolls down (kind of like in the page I linked above)
I am not looking into programming my own scraper using python or anything similar. I have found plugins that "kind of" do what I am describing above, and about two weeks ago I found one that pretty much perfectly does what is described ("DataGrab"), but it starts asking to buy credits after running it a few times.
My own list:
- DataGrab: Excellent, apart from asking to buy credits after a while
- SimpleScraper: Excellent, but asks to buy credits pretty much immediately
- Easy Scraper: Works well for single pages, but no possibility to feed in multiple URLs to crawl
- Instant Data Scraper: Works well for single pages and infinite scroll pages, but no possibility to feed in multiple URLs to crawl
- "Data Scraper - Easy Web Scraping" / dataminer.io: Doesn't work well
- Scrapy.org: Too much programming, but looks quite neat and well documented
Any suggestions are highly welcome!
Edit: A locally run executable or cmd-line based program would be fine too, as long as it just needs to be configured (e.g., creating a list of URLs stored in a .txt or .csv file) instead of coded (e.g., coding an infinite scroll function from scratch).
8 votes -
The story of The Oregon Trail
18 votes -
gifboy - Create tiny GIF animations in Lua and share them using data URLs
16 votes -
React: Some comments from a beginner
New job. I've been wanting to learn something new for a while, so I took a project where a lot of React is done. I'm learning it from scratch while I work with React. I have some comments about...
New job. I've been wanting to learn something new for a while, so I took a project where a lot of React is done. I'm learning it from scratch while I work with React.
I have some comments about it.
- React makes front end work a lot more like programming -- I like that!
- Javascript has changed a lot, and for the better, since I last used it over a decade ago.
- The React-Redux tool kit is the bomb. It should be integrated/absorbed into React. I can't see any reason not to use it, even for small applications as it is less wordy wherever you use it.
- The updating of state values should be more automatic, especially for flag variables not tied to GUI components. It is the major source of hassles with React
- Udemy React videos. My company makes them available free of charge to employees. I've sampled videos from a number of courses. I'm not a fan of the instructors showing you how to do things in older, less efficient ways first in a learning/demo project, the ERASING that code to do it a better way. The should include copies of the project at each stage if they do that. I finally figured out that the best way to take notes I can use later is to comment out the old code and put the new more efficient next stage stuff on top.
- React tests really need to improve. They are often more time consuming than the code itself. The tests have forced me to change my code or do needless testing to get the tests to pass. I had one situation where no matter what I did React test said I didn't cover the code until I broke an else clause off into it's one if clause. Blech.
All in all I've been enjoying learning React. It is neat new ( to me ) thing.
I feel sad that I will likely forget it all when I go back to my specialty language.
16 votes -
exaequOS: A new platform for convivial computation
9 votes -
I ported thousands of apps to Windows 95
23 votes -
The Assist - Thoughts on AI coding assistants
12 votes -
The Minecraft boat-drop mystery
7 votes -
Fun programming challenge: figure out which sets of passports grant visa-free access to the whole world
Hey there, I wanted to know which sets of passports grant together visa-free access to every country in the world, but I could not easily find that info online. So I figured that I could try to...
Hey there,
I wanted to know which sets of passports grant together visa-free access to every country in the world, but I could not easily find that info online. So I figured that I could try to write a small program to determine these sets of passports myself, and then it occurred to me that it would probably be a fun programming challenge to organize, so here we go.
Here's the challenge.
- Scrape the data you need for instance from The Henley Passport Index.
- Design a clever algorithm to efficiently find out which are the smallest sets of passports that will grant you visa-free access to every country in the world.
- Optional. Allow the user to specify which passports they already hold and find out which sets of passports would complement their passports well.
- Optional. Rank the sets of passports by how easy it is to acquire citizenship in those countries.
The choice of the programming language is yours, bonus points if you write it in assembly 😂
Feel free to collaborate and share your solutions (the algorithms and the actual results) in the comments, and feel free to share your own twists to the challenge that could make it even more fun & interesting.
The person with the most clever, efficient and elegant algorithm wins!
Happy coding folks!
32 votes -
Bugs and glitches of high-level NES Tetris
10 votes -
Happy Leap Day
21 votes -
Nvidia CEO says kids shouldn't learn to code
23 votes -
A little programming game that you can modify on your phone
7 votes -
Balancing cube
12 votes -
Lovebyte Party is LIVE! - Sizecoding compo with 8 bytes to 1k demos
4 votes -
4 billion if statements
34 votes -
Things software developers should learn about learning
20 votes -
Debug symbols for all!
16 votes -
Battlesnake becomes independent
11 votes -
Lisica - Weekly episodes of a scientist soap opera
6 votes -
Making a calculator out of monkeys in Bloons Tower Defense 6
17 votes