Skip to main content

Learning Session #11

1. RxJS

>> “The (Finite) State of Reactive Animations” by David Khourshid

Interesting talk displaying one of maybe the most underappreciated use cases of RxJS and reactive programming altogether – creating animations. This presentation from the RxJS Live conference is filled with fascinating examples (to which you have access to via CodePen). David explained how basic animations can be created with RxJS and how to use some math concepts to improve. What was also important was David’s take on the concept of Finite State Machines and how they fit into the world of reactive programming and animations.

>> “An Animated Intro to RxJS” by David Khourshid

An article which I got to know from David’s talk I introduced earlier. This article is an easy introduction to RxJS by creating simple animations using JavaScript and CSS. We get to know ways to create streams from DOM events, combining some streams, emit on each animation frame and use linear interpolation to make our animation smooth and natural.

2. Angular

>> “Angular and the OWASP top 10” by Philippe De Ryck

Talk from Angular Connect conference about just how secured are Angular apps by default in the context of OWASP Top 10 standards. Then we get to know how we can make it even more secure on our own. Philippe also shared with us his Angular Security Cheat Sheet, which is a great addition to his talk.

>> “Optimizing an Angular application” by Minko Gechev

A super interesting talk from ng-conf 2018 where we learn about cool tricks that can make our Angular applications faster. We get to know how Angular itself can help us with achieving this task, but also how we can use other libraries or popular programming concepts to improve. We can see the results ourselves as Minko guides us through live coding example.

3. Functional Programming

>> ImmutableJS

This is a highly regarded and popular library that enables using immutable data structures in JavaScript. Using immutable data structures is a basic concept if you want to adopt functional programming principles in your applications (but they are useful not only in the FP world!). What I found interesting were the implementation details that enable those data structures to improve our performance.

[Spoiler] This library was mentioned by Minko in his talk I described previously as a way of optimization Angular apps ðŸ˜‰

>> monocle-ts – Functional optics by Giulio Canti

Functional optics are a fascinating concept existing in the functional programming world. They enable us to easily traverse through nested data structures in order to mutate the existing one. A great solution for people who are irritated with writing long chains of fields’ access and nested mutations.

>> newtype-ts – Implementation of newtypes in TypeScript by Giulio Canti

Newtypes enable us to create a type that has the same representation at runtime, but different for the type system. How can we use it and for what? I think the best example exists as a part of the documentation for this library.

>> “Binary Arithmetic in the TypeScript Type System”  by Josh Goldberg

A great, eye-opening article that shows just how powerful may be a well-thought-out type system. Prepare to have your mind blown (just like mine was!) if you are not used to this sort of usage of types. I’m still little overwhelmed by the sheer concept of “programming with types” 😉

4. Other

>> “Welcome to the world of Statecharts” by Erik Mogensen

A website explaining what are statecharts (basically “beefed up state machines”) and what are the benefits of using them. This series of articles may serve as an extension of the things we have learned about creating animations with reactive programming and state machines.

>> “Full Stack Type Safety with React, GraphQL, and TypeScript” by Robert Zhu

Robert presented us with a technology stack that enables using the same GraphQL types on the backend and the frontend of our applications. I think this talk may open your eyes to new solutions if you ever considered making an app with this tech stack. Why typing it twice, if you can do it once?

>> “Tensorflow.js for web developers” by Piérre Reimertz

At this talk from the NordicJS conference, Piérre explains his vision of how machine learning and Tensorflow.js can be used by web developers. Firstly, there is a small introduction to basic concepts of how neural networks work, then we are sent into the world of fascinating examples of how useful and/or joyful machine learning in the web can be.

This was a really inspiring talk after which I began to wonder – just how long would it take me to create a simple login page where you can authenticate with your face? 😊

Comments

Popular posts from this blog

How I started with Functional Programming

There was a moment during past Learning Sessions when I declared, that I’ll share with you how and why I decided to dive into Functional Programming. And that day is today! I’ll guide you along the path I took to understand basic concepts of FP. My first meaningful encounter with FP was during local WrocÅ‚aw TypeScript meetup . There I got to hear Józef Flakus telling us about core concepts of the FP. We then got to the concept of FRP and how it is used in MarbleJS, the framework for creating server-side apps. In fact, Józef is the creator of this framework. It was really cool to hear his point of view. Those concepts were entirely new to me, because (as it turned out) I had 100% imperative programming mindset. The second talk that day was authored by Tomasz Ducin. He showed us how we can implement functional composition in TypeScript. It was a brilliant live coding session but… I had no idea what he was talking about 😉 I was examining code created by Tomasz for the entire ...

Learning Session #10

1. Functional Programming Basically all content surrounding FP this time is connected with articles and projects created by Giulio Canti ( @giuliocanti ). For me reading those articles below definitely firmed and expanded my previous knowledge on FP. I would like to give credit to Piotr ( @hasparus ) who introduced me to Giulio’s work after the last WrocÅ‚aw TypeScript meetup. It was genuinely fascinating, thank you both! >> “fp-ts” library  I think fp-ts today is as famous for TypeScript as Rambda for JavaScript. With it, you can use “popular patterns and abstractions available in most functional languages”. If you are a newbie to FP (like me) and you know TypeScript it may be a good way to get your head around FP concepts through practice. Just play with it a little, create something small, something you know. >> “Getting started with fp-ts” series Aside from fp-ts having a well written official guide, Giulio created a series of articles, that introduce...

Learning Session #2 (12/31 – 01/13)

1. Git >> Free and (almost) unlimited private repositories on GitHub Last week everyone on Twitter was talking about this so I can't just leave that be, right? 😉 What I’m referring to is GitHub announcing free and unlimited private repositories for all users. That’s a great news and I was wondering why this option was not enabled from day one I started using GitHub. I mentioned that this option is “almost” unlimited because free private repository can manage up to three collaborators only. Big projects won’t be able to use those, but at least individual users can now freely hide code they consider shameful 😉 2. React >> React Crash Course by Mosh Hamedani During last two weeks I’ve completed this YouTube crash course by Mosh Hamedani. It is derived from his full course on React and contains first couple of lessons. It think it was a great introduction to the library itself (React is a considered a library, not a framework, isn’t it? 😊). Tutorial ends ...