learn-javascript-courses / funcflow-examples

Examples for The Two Pillars of JS: Functional Flow

The Two Pillars of JavaScript: Introduction to Functional Programming

Tweet questions @JS_Cheerleader with the hashtag #JSPillars.

• What is functional programming?.
• #FuncFlow slides.
• #FuncFlow rap.
• Imperative vs declarative.
• Pure functions vs impure.
  • No side effects.
  • Given the same inputs, always returns the same output.
  • Relies on no external state.
• Store prototype with Mori - Exploring the Mori API. Exercise: Can you make this more functional? Hint: Functions like each() & [].forEach() are side-effect-only functions.
• Redux - App state management with pure functions (great with React).
• Student project.

Exploring the Store Prototype

In your command terminal: (Learn about the terminal).

cd <your destination folder>
git clone [e-mail]:ericelliott/checkin.git checkin-example
cd checkin-example
git checkout v1.1.3

You should see this:

Note: checking out 'v1.1.3'.

You are in 'detached HEAD' state. You can look around, make experimental
changes and commit them, and you can discard any commits you make in this
state without impacting any branches by performing another checkout.

If you want to create a new branch to retain commits you create, you may
do so (now or later) by using -b with the checkout command again. Example:

  git checkout -b new_branch_name

HEAD is now at 13cd6ce... 1.1.3

npm install

Open the project in your favorite editor...

atom . #atom editor

Or...

subl . #sublime text

Vimsters, emackers, you know what to do. Notepad users, not sure what to tell you... ¯_(ツ)_/¯

Return to the terminal:

npm run watch # Auto lint & test on save

This project is built on the Universal React Boilerplate.

Related

• Don't Write for Loops (Unless you really need to manage looping).
• The Two Pillars of JavaScript Pt. 2: Functional Programming.
• The Single Biggest Mistake Programmers Make Every Day some of my thoughts on the importance of pure functions.
• 10 Interview Questions Every JavaScript Developer Should Know.
• The Dao of Immutability.
• Asynchronous Programming at Netflix.
• Learn Rx. Exercises.
• The Introduction to Reactive Programming You've Been Missing.
• General Theory of Reactivity.