Elixir vs Ruby vs JavaScript Syntax

Compare Elixir syntax with Ruby and JavaScript #elixirschool

Transcript

1. Elixir vs Ruby vs JavaScript Syntax Elixir School Maksym Verbovyi August 2020, Hamburg
2. Disclaimer
3. Basics Tools and common usage
4. Interactive Shell iex irb jsc
5. Run task mix rake npm
6. Dependencies mix bundler npm
7. Debug IEX.pry binding.pry debugger
8. Polymorphism Protocols Polymorphism Extends
9. Metaprogramming Macros Metaprogramming Proxy Reflect
10. Popular framework Phoenix Rails React Vue.js
11. Syntax Be awesome
12. String "String" 'string'
13. String "String" 'string' "String" 'string'
14. String "String" 'Not string' # [110, 111, 116, 32, 115, 116, 114, 105, 110, 103] "String" 'string' "String" 'string'
15. Atom :symbol
16. Atom Symbol('string') :symbol
17. Atom Symbol('string') :symbol :atom
18. Boolean true || false
19. Boolean true || false true || false
20. Boolean true || false true || false true || false
21. List [1, :a, "b", true] *
22. List [1, Symbol('a'), "b", true] * [1, :a, "b", true] *
23. List [1, :a, "b", true] [1, Symbol('a'), "b", true] * [1, :a, "b", true] *
24. Tuple {1, :a, "b", true} [1, Symbol('a'), "b", true] * [1, :a, "b", true] *
25. Map { name: "Maks", age: 32, height: 178 }
26. Map { name: "Maks", age: 32, height: 178 } { name: "Maks", age: 32, height: 178 }
27. Map %{ name: "Maks", age: 32, height: 178 } { name: "Maks", age: 32, height: 178 } { name: "Maks", age: 32, height: 178 }
28. Nil nil
29. Nil nil null
30. Nil nil nil null
31. Interpolation "Hello #{ruby}"
32. Interpolation "Hello #{ruby}" `Hello ${javascript}`
33. Interpolation "Hello #{ruby}" "Hello #{elixir}" `Hello ${javascript}`
34. Concatenation String "Elixir" + "School" "Elixir" << "School" "Elixir".concat("School")
35. Concatenation String "Elixir" + "School" "Elixir" << "School" "Elixir".concat("School") "Elixir" + "School" "Elixir".concat("School")
36. Concatenation String "Elixir" + "School" "Elixir" << "School" "Elixir".concat("School") "Elixir" + "School" "Elixir".concat("School") "Hello" <> "Elixir"
37. Concatenation List [1,2,3] + [4,5] # [1,2,3,4,5] [1,2] << 3 # [1,2,3]
38. Concatenation List [1,2,3] + [4,5] # [1,2,3,4,5] [1,2] << 3 # [1,2,3] [1,2,3].concat([4,5]) // [1,2,3,4,5]
39. Concatenation List [1,2,3] + [4,5] # [1,2,3,4,5] [1,2] << 3 # [1,2,3] [1,2,3].concat([4,5]) // [1,2,3,4,5] [1,2,3] ++ [4,5] # [1,2,3,4,5] [3 | [1,2]] # [3,1,2]
40. Range 1..5 (1..5).to_a # [1,2,3,4,5]
41. Range 1..5 (1..5).to_a # [1,2,3,4,5] Not available
42. Range 1..5 (1..5).to_a # [1,2,3,4,5] 1..5 1..5 |> Enum.to_list # [1,2,3,4,5] Not available
43. If statement if true # unless puts "It's true" else puts "It's false" end true ? "it's true" : "it's false"
44. If statement if (true) { console.log("It's true") } else { console.log("It's false") } true ? "it's true" : "it's false"
45. If statement if true do # unless IO.puts "It's true" else IO.puts "It's false" end if true, do: "It's true", else: "it's false"
46. Case case true when true "It's true" when false "It’s false" else "Something else" end
47. Case switch(true) { case true: "It's true" break; case false: "It's false" break; default: "Something else" }
48. Case case true do true -> "It’s true" false -> "It’s false" _ -> "Something else" end
49. Pipe operator [1, 2, 3, 4, 6]. map{ |x| x*x }. reduce{ |sum, x| sum + x }
50. Pipe operator [1, 2, 3, 4, 6] .map(x => x * x) .reduce((x, sum) => sum + x) [1, 2, 3, 4, 6]. map{ |x| x*x }. reduce{ |sum, x| sum + x }
51. Pipe operator [1, 2, 3, 4, 6] .map(x => x * x) .reduce((x, sum) => sum + x) [1, 2, 3, 4, 6] |> Enum.map(fn x -> x*x end) |> Enum.reduce(fn x, sum -> sum + x end) [1, 2, 3, 4, 6]. map{ |x| x*x }. reduce{ |sum, x| sum + x }
52. Comprehensions for x in [1,2,3] do puts x end
53. Comprehensions for x in [1,2,3] do puts x end for (x in [1,2,3]) { console.log(x) }
54. Comprehensions for x <- [1,2,3] do IO.puts x end for x in [1,2,3] do puts x end for (x in [1,2,3]) { console.log(x) }
55. Anonymous function irb(main):010:0> hello = -> what { puts "Hello #{what}" } => #<Proc:0x00007fb13f0e8da8@(irb):10 (lambda)> irb(main):011:0> hello.("what") # hello.call("what") "Hello what" => nil
56. Anonymous function irb(main):010:0> hello = -> what { puts "Hello #{what}" } => #<Proc:0x00007fb13f0e8da8@(irb):10 (lambda)> irb(main):011:0> hello.("what") # hello.call("what") "Hello what" => nil > const hello = (what) => { return `Hello ${what}`; } undefined > hello("world") 'Hello world'
57. Anonymous function iex(10)> hello = fn what -> IO.puts "Hello #{what}" end #Function<7.126501267/1 in :erl_eval.expr/5> iex(11)> hello.("world") Hello world :ok irb(main):010:0> hello = -> what { puts "Hello #{what}" } => #<Proc:0x00007fb13f0e8da8@(irb):10 (lambda)> irb(main):011:0> hello.("what") # hello.call("what") "Hello what" => nil > const hello = (what) => { return `Hello ${what}`; } undefined > hello("world") 'Hello world'
58. Code A bit of code
59. Define module and function module ModuleName def hello puts "Hello Ruby!" end end
60. Define module and function* class ClassName { hello() { return `Hello from JS`; } }
61. Define module and function defmodule ModuleName do def hello do puts "Hello from Elixir" end end
62. Syntax Sugar Sweet • Brackets • Keyword list
63. Companies Use the Elixir • Discord • Sketch • Pinterest • Bleacher Report • PepsiCo • Whatsapp • Financial Times
64. Questions? Thank you!