Learning Resources>Guides/Tuts/Tips/Info

Explaining map & reduce with animated examples

#functional-programming#maps#reduce
pel_daniel

pel_daniel

Explaining map & reduce with animated examples

Hi! I created some animations to explain what happens internally with map & reduce functions.
The code is open source. Any feedback is welcome !
https://lambdabricks.github.io/animating-hofs/

17 comments
#functional-programming#maps#reduce
30 4012 17

Most Liked

grych

grych

Creator of Drab

Nice, I finally understood reduce!

4
Post #4
grych

grych

Creator of Drab

It was a joke. Bad one, sorry!

Anyway, I like your animation and I am sure it is going to help to understand the functional approach. You might try to add more examples on reduce, like traversing the list of strings with counting the overall number of characters (to show that the reduced value doesn’t have to be the same type as an enumerable member), etc.

Great job!

3
Post #6
pel_daniel

pel_daniel

Great to hear it @grych !

2
Post #5
OvermindDL1

OvermindDL1

I’d definitely say add Enum.flat_map if you are wanting to show the basics, it is one of the basic monad operators. :slight_smile:

2
Post #8
pel_daniel

pel_daniel

A newer animation library that a lot of people recommend is theatrejs, I haven’t used it myself but maybe you can give it try

2
Post #18

Where Next?

View thread on forum (has 17 responses!)
functional-programming
maps
reduce
Home Learning Resources>Guides/Tuts/Tips/Info
#functional-programming#maps#reduce
30 4013 17
Last post

Popular in Guides/Tuts Top

Morzaram
Learning Resources>Guides/Tuts/Tips/Info

How to connect Quill with Phoenix
Hey guys I’ve made a guide on how to connect Quill to Phoenix. For the sake of formatting it might be easier to view it on my Notion Doc...
/phoenix#liveview#how-to#hooks
26 4322 15
New
sergio
Learning Resources>Guides/Tuts/Tips/Info

DropzoneJS direct uploads to Backblaze B2 in Phoenix Liveview
Wrote this guide on how to integrate DropzoneJS with Phoenix Liveview. Hope it helps someone out! https://sergiotapia.com/dropzonejs-dir...
/phoenix#liveview
18 1678 4
New
egze
Learning Resources>Guides/Tuts/Tips/Info

Demo of distributed Elixir with libcluster and DNS
I was preparing to deploy a production application to AWS Fargate, and to practice I wanted to play with DNS polling and node discovery o...
#distributed#libcluster
22 2903 0
New
alexgaribay
Learning Resources>Guides/Tuts/Tips/Info

Adding an Email Verification Flow With Phoenix
I saw this thread so I decided to write about how we do it :smile:
/phoenix#email
10 2478 1
New
malloryerik
Learning Resources>Guides/Tuts/Tips/Info

How to use 'phoenix-heex' templates in VSCode
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
/phoenix#vscode#heex
118 16932 34
New
dgamidov
Learning Resources>Guides/Tuts/Tips/Info

Boostrap 4 + Sass installation in Phoenix 1.3
Hi folks, Just a short instruction. Maybe it will help somebody. https://v4-alpha.getbootstrap.com/getting-started Install boostrap...
/phoenix#bootstrap#sass
34 5213 7
New
nelsonic
Learning Resources>Guides/Tuts/Tips/Info

Phoenix LiveView Counter Tutorial for Complete Beginners (updated for 1.7)
When we were figuring out how to use Phoenix LiveView we got stuck a few times. So in order to save other people time, we created a comp...
#beginner#liveview#tutorial#phoenix_live_view
33 3556 7
New
bluegene
Learning Resources>Guides/Tuts/Tips/Info

Elixir Anki Deck
Hi guys, I’ve been on a personal journey to learn Elixir for the past two years. During this journey I’ve been using the spaced repetiti...
#learning-elixir
24 2279 4
New
anuragg
Learning Resources>Guides/Tuts/Tips/Info

Clustering in Elixir 1.9 with Mix Releases and libcluster
We just published a guide to automatic clustering in Elixir 1.9, with Mix releases and libcluster. The cluster automatically discovers n...
/phoenix#cluster#libcluster#render
17 2529 2
New
kevinlang
Learning Resources>Guides/Tuts/Tips/Info

Tutorial: Adding Bulma to Phoenix 1.6
Hey all, With Phoenix 1.6 just around the corner, I figured I’d make a tutorial on how to add Bulma to a new Phoenix 1.6 project. By lev...
/phoenix#sass#bulma
14 3614 9
New

Other popular topics Top

sorentwo
News>Announcing

Oban - Reliable and Observable Job Processing
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
/oban#ecto#postgres#job-processing
977 41022 311
New
yawaramin
Questions & Help>Questions

Dialyzer: suppress warning on a specific function
In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...
#dialyzer
25 13690 6
New
albydarned
Questions & Help>Questions

Erlang and Elixir on Apple Silicon/M1 Chip
Hello all! I am typing this post from my new MacBook Pro with the M1 chip. I’m loving it so far, and will probably use it as my daily dr...
#erlang#troubleshooting
121 24599 65
New
Trevoke
Questions & Help>Questions

(EXIT) no process: the process is not alive or there's no process currently associated with the given name, possibly because its application isn't started
I have an umbrella app. Some of the apps inside depend on other apps in the umbrella, unsurprisingly. I'm writing a test for one of t...
#otp#umbrella#testing#exunit#errors
26 21431 11
New
vac
Questions & Help>Questions

Formatting a string to PEM with headers and line breaks
Hi, I'm quite new in Elixir and I'm trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and ...
2 14555 7
New
chrismccord
News>Phoenix News

Phoenix v1.3.0-rc.0 released
As promised, the first release candidate of Phoenix 1.3.0 is out! This release focuses on code generators with improved project structure...
/phoenix#phoenix-release
434 29347 97
New
aadeshere1
Questions & Help>Questions

Write while loop equivalent in elixir
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
#while#loop
60 28200 36
New
shahryarjb
Questions & Help>Questions

How to convert map to string (separated with ,)
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
#maps#strings
15 15491 2
New
aesmail
News>Announcing

Kaffy - a quick and flexible admin interface for phoenix applications
Hello guys, I have finally made it. I created an admin interface for a framework. It’s been on my todo list for years and with the curre...
/phoenix#ecto#library#admin-tools#kaffy
301 23683 97
New
Nvim
Chat & Discussions>Discussions

Elixir vs Python
Elixir appears to be a superior language to Python. I don’t see any advantage of Python over Elixir. Are there any?
#discussion#python#elixir
82 17872 30
New
Back to top

Learning Resources>Guides/Tuts/Tips/Info

Resources Guides/Tuts ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement