56: Meow Done

Javascript to Elm

Types of Learners

What I meant by ‘Academic’ last week. As opposed to ‘Practical’. This, was a poor juxtaposition to put the things that have been hard for me to learn.

1. Visual
   1. Visual learners prefer to take in information using charts, maps, graphs, diagrams, and more. Using images to explain concepts and ideas is the best way to reach a visual learner. However, this type of learning style does not include photographs or videos. Instead, visual learners learn best when information is presented using patterns, shapes, and other visual aids in the place of written or spoken words
2. Auditory
   1. They benefit from lectures, group discussion, and other strategies that involve talking things through.“Often people with this preference want to sort things out by speaking first, rather than sorting out their ideas and then speaking,”
3. Reading / Writing Pref
   1. “This preference emphasizes text-based input and output – reading and writing in all of its forms,”
4. Kinesthetic
   1. Kinesthetic learners learn best when they can use tactile experiences and carry out a physical activity to practice applying new information. “People who prefer this mode are connected to reality, ‘either through concrete personal experiences, examples, practice or simulation,’”

Staying Focused

• Staying focused means finishing that last 10%. That is the really hard part. When they talk about shipping something. I’m pretty sure this is what they are referring to.
• Kent C Dodds. Talks about producing more than consuming.

Crossing the Finish Line

• No More React. Init the Elm app from the get go, and fix what’s broken. No more dancing around it
• Mounting our Meow Notes at the route and working out
• Just rip off the band aid. We’re trying to be less strategic with this and more blunt.
  • When you want to know what’s missing? Shut some things down!
  • No Authorization !
  • No Sign up form
  • No Login form!
  • All those things that App.js did for us.
• So we add an LoginRoute and View will display the login form if it’s an anonymous type, it the it’s authed with user data, then we want to redirect to the notes route.
  • Bootstrap form
    • Seem’s ok to init the form with empty Strings ?
    • The only way you can get to UpdateEmail is if you’re anonymous. So do I have to handle both cases ?
    • I am quickly not a fan of having to case on authenticated for each and every update function.
    • But now I have captured the user’s input and password :trophy: for me!!!!
    • Middleware to everything in PORTS auth.
  • Update email and password action. But First update the model. There needs to be a user type available when the authentication is anonymous. So that we can capture the signin or signup input and POST that for converting to auth.
  • Also the log in form is 100% max width. Now is a good chance to play with CSS in Elm. See? So many good things happened in just the last week.!!! I feel like this might have been the right call !
  • handle submit to ports
  • JS Ports for Cognito Auth with AWS
• Next Time we started with a bit smaller app, convert it, and then add a bunch of features.

Resources

• 4 Types of Learners

• How I am so productive Kent C Dodds

• Get Programming with Haskell

Follow

• JavaScript to Elm
  • Twitter: @jstoelm
  • Email: [email protected]
• Jesse Tomchak
  • Twitter: @jtomchak