Thanks for continuing this series on, MPJ! Sending many positive vibes from your newest Patreon supporter in San Francisco after watching for years ✨So pleased to realize the live-stream is actually Monday morning HERE haha 🙏🏼 Keep up all the great work, man
Good morning to you, Robin! Thanks for the vibes and your long time support, really means the world to me 💛🥰Morning is a trick concept on a global level, when is it, really? SF mornings is a convenient time for me to shoot on, so I ended up picking that for my time zone haha
I missed your vanilla JS tutorials too. But I should say that you missed some part - initialAccumulatorValue (initialValue in the future) is not required parameter if there is no initialValue - first element of the array should be taken as accumulatorValue From MDN: InitialValue - A value to use as the first argument to the first call of the callback. If no initialValue is supplied, the first element in the array will be used and skipped. Calling reduce() on an empty array without an initialValue will throw a TypeError.
completely doable, similar implementation difficulty, but much less performatic than the sollution he implemented since the stack would grow much faster and consume more memory
@@Marcosmapf possibly, however reduce can be written using tail recursion to avoid growing the call stack and save on memory. The for-loop approach works just as well though, I'm just biased towards functional programming patterns :)
Before watching the video I gave it a try and I came up with this recursive curried version: const reduce = fn => seed => xs => xs.length == 0 ? seed : reduce(fn)(fn(seed, xs[0]))(xs.slice(1));
I do have a series on that. You can check my channel as well. I have also create my own async await using generators and pify. You can find that on my channel. Maybe it helps.
Personally I prefer how the LINQ extension method for this is named: Aggregate to me that fits better the broad nature of what it does, reduce to me just has this underlying implication you are taking AWAY from the object if your doctors say i'm going to reduce your meds you'd intuitively think they mean mean you will take LESS meds but in javascript reasoning he actually means group all your meds together in one pill and take that, it just a little jarring, Calling it Aggregate while few people actually know that word once you do you understand that it doesn't matter if you are adding numbers, multiplying, concatenating strings, flattening multi dimensional arrays, etc what you are doing at a high level is aggregate potentially disparate things into a simpler value not always necessarily a single value, e.g. you are putting different fruit into fruit salad that to me just seems more honest about what it is doing
I could figure out how to do a simple reducer function just like adding numbers but I am having trouble implementing a more advanced reduce function where you can reduce an array down to an object. Now, I'm never getting to sleep lol
Probably not the greatest and most articulate but here is my implementation of reduce( ) : function reduce(arr,cb, initial ) { let result; let i; if(initial || initial === 0) { result = initial; } else { result = arr[0]; } for(!!initial || initial === 0 ? i = 0 : i = 1; i < arr.length; i++) { result = cb(result, arr[i]) }
I did it this way: function reduceArray(reducerFn, array, initVal) { let initialValue = initVal ? initVal : 0; for (let i = 0; i < array.length; i++) { initialValue = reducerFn(initialValue, array[i]); } return initialValue; } so you dont have to pass initial value
Beginner: 3 hours later, **damn it, initialAccumulatorValue it is!** Experienced: ~5mins, either **finds good fitting name** or **I see this trickery! You'r not going to trick me into wasting hours! a straightforward initialAccumulatorValue it is!**
I love your drive man. That’s something that I admire about your content. Keep it up!
Awesome video. Keep it up, mpj. Really liked the implementation that you did :)
Glad you liked it!
Hi prateek! (from rabbitwerks)
I missed your vanilla JS tutorials. Keep them coming!
Love your channel. Love the content!
I miss your snazzy intros.
Love this format. Miss the old coffee intro.
oh, I should really make a new intro
@@funfunfunction Please involve struggling with keyboard typing lul
Hahahaha yes
NIce and short, really helpful to understand what goes on under the stood. Thanks MPJ.
Thanks for continuing this series on, MPJ! Sending many positive vibes from your newest Patreon supporter in San Francisco after watching for years ✨So pleased to realize the live-stream is actually Monday morning HERE haha 🙏🏼
Keep up all the great work, man
Good morning to you, Robin! Thanks for the vibes and your long time support, really means the world to me 💛🥰Morning is a trick concept on a global level, when is it, really? SF mornings is a convenient time for me to shoot on, so I ended up picking that for my time zone haha
I missed your vanilla JS tutorials too. But I should say that you missed some part - initialAccumulatorValue (initialValue in the future) is not required parameter if there is no initialValue - first element of the array should be taken as accumulatorValue
From MDN: InitialValue - A value to use as the first argument to the first call of the callback. If no initialValue is supplied, the first element in the array will be used and skipped. Calling reduce() on an empty array without an initialValue will throw a TypeError.
I missed this format! Thanks for bringing it back!
Thank you so much! It helped me understand Redux Reducers !!!
Much Thanks. Helped a lot
MPJ good job on these videos
Thanks!
Relaxing content...💻💻💻👍👍👍
hands down the best implementation of reduce function I saw! Now I really, thoroughly understand reduce :). Thanks a ton @mpj!!
how about if the accumulator parameter is an object? or an array? that's not gonna work
Hi, awesome video, may i know what extension you have use to get directly result (output) on editor..?
Love this content ! keep doing cool stuff like that
Hey mpj, do you have a video/resource about how you handle your overlays?
Did you consider implementing reduce with recursion?
completely doable, similar implementation difficulty, but much less performatic than the sollution he implemented since the stack would grow much faster and consume more memory
@@Marcosmapf possibly, however reduce can be written using tail recursion to avoid growing the call stack and save on memory. The for-loop approach works just as well though, I'm just biased towards functional programming patterns :)
Hey! can I get the vs code configuration? Like which extensions you prefer . I'll be really thankful.
No extensions except Quokka. I get caught up in tool tweaking and never end up doing any real work.
Before watching the video I gave it a try and I came up with this recursive curried version:
const reduce = fn => seed => xs => xs.length == 0 ? seed : reduce(fn)(fn(seed, xs[0]))(xs.slice(1));
@Fun Fun Function
For as long as I shall dwell I shall henceforth not doubt your power.
I humbly bow at your feet MPJ
Like this basic videos format!
I have an extremely exhaustive video series on generator functions, not sure if I can add much there.
I do have a series on that. You can check my channel as well. I have also create my own async await using generators and pify. You can find that on my channel. Maybe it helps.
Good mood to you
Good mode to you
Personally I prefer how the LINQ extension method for this is named: Aggregate to me that fits better the broad nature of what it does, reduce to me just has this underlying implication you are taking AWAY from the object if your doctors say i'm going to reduce your meds you'd intuitively think they mean mean you will take LESS meds but in javascript reasoning he actually means group all your meds together in one pill and take that, it just a little jarring, Calling it Aggregate while few people actually know that word once you do you understand that it doesn't matter if you are adding numbers, multiplying, concatenating strings, flattening multi dimensional arrays, etc what you are doing at a high level is aggregate potentially disparate things into a simpler value not always necessarily a single value, e.g. you are putting different fruit into fruit salad that to me just seems more honest about what it is doing
This is a strangest techno track I've heard..
next make redux ?
I could figure out how to do a simple reducer function just like adding numbers but I am having trouble implementing a more advanced reduce function where you can reduce an array down to an object. Now, I'm never getting to sleep lol
Probably not the greatest and most articulate but here is my implementation of reduce( ) :
function reduce(arr,cb, initial ) {
let result;
let i;
if(initial || initial === 0) {
result = initial;
} else {
result = arr[0];
}
for(!!initial || initial === 0 ? i = 0 : i = 1; i < arr.length; i++) {
result = cb(result, arr[i])
}
return result;
}
I did it this way:
function reduceArray(reducerFn, array, initVal) {
let initialValue = initVal ? initVal : 0;
for (let i = 0; i < array.length; i++) {
initialValue = reducerFn(initialValue, array[i]);
}
return initialValue;
}
so you dont have to pass initial value
thanks. this helps
Beginner: 3 hours later, **damn it, initialAccumulatorValue it is!**
Experienced: ~5mins, either **finds good fitting name** or **I see this trickery! You'r not going to trick me into wasting hours! a straightforward initialAccumulatorValue it is!**
@mpjme your recent video is not funny then it used to be in functional programming series
man are you drunk?