prolog-app
use-deep-compare-effect
prolog-app | use-deep-compare-effect | |
---|---|---|
32 | 6 | |
301 | 1,852 | |
7.3% | - | |
6.0 | 0.0 | |
3 months ago | about 1 year ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
prolog-app
- Path To A Clean(er) React Architecture - API Layer & Fetch Functions
- Path To A Clean(er) React Architecture - A Shared API Client
- React Job Simulator
- React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions
-
Test
profy.dev
- I created a Job Simulator to help new React developers get near-production level experience before they join their first professional team
-
I created a course to help new React developers get near-production level experience before they join their first professional team
And you can actually get the first part for free by signing up to the waitlist today here: https://profy.dev/
-
I created a course to help new React developers land their first job.
Here's the link the if you're interested: https://profy.dev/
-
"JuSt MaKe a CoOl PoRtFoLiO Dude"
I don't understand the point of this post. It is not like you are offering a solution to an issue, giving advice, or anything substantial. It is just a rant. Yes, you are at a disadvantage doing self-learning as opposed to someone with a degree, but guess what? A degree without work experience is also challenging to get a Job with. You dont necessarily need a portfolio but projects that can be built to persuade a hiring manager are very helpful. I dont just mean building random things but literally building properly structured, tested and professionally designed projects can help. This article is a good place to achieve that. The portfolio is just a place to put all of the links together. Plus portfolios are good for linking for freelance jobs
-
Made an MVP now what?
I'll give you an example of a website who has accomplished something like this very well: https://profy.dev/. His USP it to give new React developers experience in Production level React development and workflows to make you a better job candidate.
use-deep-compare-effect
-
React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions
Another approach is using this useDeepCompareEffect created by Kent C. Dodds. This hook is similar to the native useEffect, but instead of comparing the dependencies by reference, it makes a deep comparison of all values inside an object.
- Why isn't this useeffect firing on state update?
- How to avoid shallow comparison in dependancy array
-
Preemptive Memoization In React Is Probably Not Evil (Yet)
Kent has made a hook called use-deep-compare-effect that might be useful for you
-
Techniques to optimize React render performance: part 2
Unfortunately useMemo does not accept a second comparison argument like React.memo. If you want to do a deep comparison there are several code samples and libraries out there you can use.
-
Planning for change / Staying flexible to accommodate special cases anywhere
https://github.com/kentcdodds/use-deep-compare-effect/blob/main/src/index.ts#L33
What are some alternatives?
bulletproof-react - ๐ก๏ธ โ๏ธ A simple, scalable, and powerful architecture for building production ready React applications.
memoize-one - A memoization library which only remembers the latest invocation
umami - Umami is a simple, fast, privacy-focused alternative to Google Analytics. [Moved to: https://github.com/umami-software/umami]
react-virtualized - React components for efficiently rendering large lists and tabular data
dub - Open-source link management infrastructure.
react-window - React components for efficiently rendering large lists and tabular data
cal.com - Scheduling infrastructure for absolutely everyone.
nx - Smart Monorepos ยท Fast CI
Blitz - โก๏ธ The Missing Fullstack Toolkit for Next.js
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐
react-proto - Template React project with full TypeScript and SSR support.
linen.dev - Lightweight Google-searchable Slack alternative for Communities