Oleksii Levzhynskyi "Solving behavioral complexity with FRP"

•Transferir como PPTX, PDF•

0 gostou•351 visualizações

At Grammarly, we have tried different approaches to handle behavioral complexity. We made a long journey from callback hell to FRP, and from dynamic to static typing. We will discuss how FRP helped us build stable high-loaded front-end applications with complex async actions for millions of daily users.

Tecnologia

Solving behavioral
complexity with FRP
Oleksii Levzhynskyi
Grammarly

• Web Editor
• Desktop Editor
• Web Extension (past)
• @grammarly/focal contributor
Oleksii Levzhynskyi

((([t ]*rn)?[t ]+)?[-!#-'*+/-9=?A-Z^-
~]+(.[-!#-'*+/-9=?A-Z^-~]+)*(([t
]*rn)?[t ]+)?|(([t ]*rn)?[t ]+)?"(((([t
]*rn)?[t ]+)?([]!#-[^-~]|([t -~])))+(([t
]*rn)?[t ]+)?|(([t ]*rn)?[t ]+)?)"(([t
]*rn)?[t ]+)?)@((([t ]*rn)?[t ]+)?[-!#-
'*+/-9=?A-Z^-~]+(.[-!#-'*+/-9=?A-Z^-
~]+)*(([t ]*rn)?[t ]+)?|(([t ]*rn)?[t
]+)?[((([t ]*rn)?[t ]+)?[!-Z^-~])*(([t
]*rn)?[t ]+)?](([t ]*rn)?[t ]+)?)
RFC 5322

Where it comes from
• => Historically - “front-end is simple”

Where it comes from
• Historically - “front-end is simple”
• => Incomplete requirements

Where it comes from
• Historically - “front-end is simple”
• Incomplete requirements
• => 3rd parties that force different approaches

Where it comes from
• Historically - “front-end is simple”
• Incomplete requirements
• 3rd parties that force different approaches
• => “Small” changes on the middle of development

How to detect complexity
• => Challenge requirements

How to detect complexity
• Challenge requirements
• => Talk with colleagues

How to detect complexity
• Challenge requirements
• Talk with colleagues
• => Architecture design sessions

How to detect complexity
• Challenge requirements
• Talk with colleagues
• Architecture design sessions
• => Prototyping

Structural complexity
https://bit.ly/2u9LsUb

How to deal
• Callback hell
• => Promise

How to deal
• Callback hell
• Promise
• => Event emitter

How to deal
• Callback hell
• Promise
• Event emitter
• => Flux/Redux

RP
“Manages asynchronous data flows between sources of
data and components that need to react to that data.”

RP + FP
Deal with async data streams in a functional way:
• => pure function

RP + FP
Deal with async data streams in a functional way:
• pure function
• => immutable data

RP + FP
Deal with async data streams in a functional way:
• pure function
• immutable data
• => composability

FRP
“It’s a different way of thinking: the program is expressed
as a reaction to its inputs, or as a flow of data.”
Stephen Blackheath, Anthony Jones.
“Functional Reactive Programming.”

Todo
• => Cards list
• Active card
• Animate active card
• Animate cards positions
• Optimization

CardList
Component #3
Component #1
Component #2

Atom<ReadonlyArray<Card>>
=>
Atom<ReadonlyArray<Atom<Card>>>

Cards List
• [Done] Cards list
• => Active card
• Animate active card
• Animate cards positions
• Optimization

Cards List
• [Done] Cards list
• [Done] Active card
• => Animate active card
• Animate cards positions
• Optimization

Cards List
• [Done] Cards list
• [Done] Active card
• [Done] Animate active card
• => Animate cards positions
• Optimization

position: absolute
top: <N>px
transition-property: top

position: absolute
top: <N>px
transform: translateY(<N>px)
transition-property: transform

Cards List
• [Done] Cards list
• [Done] Active card
• [Done] Animate active card
• [Done] Animate cards positions
• => Optimization

Cards List
• [Done] Cards list
• [Done] Active card
• [Done] Animate active card
• [Done] Animate cards positions
• [Done] Optimization

Further reading
• Reactive manifesto - https://www.reactivemanifesto.org
• The complexity trap - https://danielwestheide.com/blog/2018/12/07/the-complexity-
trap.html
• A quick introduction into FRP - https://medium.freecodecamp.org/functional-
reactive-programming-frp-imperative-vs-declarative-vs-reactive-style-84878272c77f
• Functional Reactive Programming, Stephen Blackheath and Anthony Jones
• Professor frisby's mostly adequate guide to functional programming
• https://github.com/gcanti/fp-ts

Mais conteúdo relacionado

Semelhante a Oleksii Levzhynskyi "Solving behavioral complexity with FRP"

When building mobile applications performance is really crucial. If we compare React for web development with React-Native, the latter is much more restrictive in the sense that performance mistakes are sometimes far more reaching, even taking into account the golden quote of Donald Knuth “premature optimization is the root of all evil”. This talk is going to provide a deeper dive into principles and practices of making sure your app behaves as fast as possible. We will look at the common mistakes of component design, which lead to performance degradation. How to make lists more performant and animations more fluid. I will also introduce some of the tools, which might help you discover bottlenecks in your application.

React Native Performance

InnerFood

Ggplot2 v3

Josh Doyle

Learn JavaScript by modeling Rubik Cube

Manoj Kumar

The Fuss about || Haskell | Scala | F# ||

Ashwin Rao

The time is ripe to demystify monads... Monads are a key part of Functional Programming. They allow us to write clean, composable code and removes boilerplate. Have you noticed them sneaking into Java 8? Yet, monads are feared by many in the Java community. Here I will debunk their mythical complexity. In this talk we will explore two of the foundations of Functional Programming: functors and monads. We will look at Functional Programming from a theoretical perspective, but we won’t get lost in mathematical details. Using simple diagrams and practical examples we will build a clear understanding of monads. This is the perfect talk for anyone that feels baffled by functional programming! Key takeaways: gain a clear understanding of monads, get comfortable with Functional Programming and start a new journey into functional awesomeness develop ideas to improve existing code; write functional java goes that goes beyond the use of lambdas learn how to pick up an article about monads and understand what the ƒ it’s all about

What the f is a monad?

Cesar Tron-Lozai

Getting your hands on graphs

Red Pill Now

2 Years of Real World FP at REA

kenbot

R for Pirates. ESCCONF October 27, 2011

Mandi Walls

INTRODUCTION TO LISP

Nilt1234

Om nom nom nom Talk given at Clojure/conj 2014 in Washington DC Video available here: https://www.youtube.com/watch?v=4-oyZpLRQ20 Have you ever needed an easily customisable dashboard? Or needed to visualise data in a browser but was overwhelmed by d3.js? This talk will cover basics of React and Om, some data visualisation libraries and techniques, ways to handle live data and combining all that into an easily customisable dashboard. Expect demos, code and maybe, just maybe, om nom nom nom cookies.

Om nom nom nom

Anna Pawlicka

At StampedeCon 2014, Alex Miller (Cognitect) presented "Datomic – A Modern Database." Datomic is a distributed database designed to run on next-generation cloud architectures. Datomic stores facts and retractions using a flexible schema, consistent transactions, and a logic-based query language. The focus on facts over time gives you the ability to look at the state of the database at any point in time and traverse your transactional data in many ways. We’ll take a tour of the Datomic data model, transactions, query language, and architecture to highlight some of the unique attributes of Datomic and why it is an ideal modern database.

Datomic – A Modern Database - StampedeCon 2014

StampedeCon

Ruby and rails - Advanced Training (Cybage)

Gautam Rege

Programming with R in Big Data Analytics

Archana Gopinath

At some point in your software engineer career, you will have to deal with data and your success depends on how big the data that your software can deal with. From a simple problem that requires processing a large amount of data, this talk will present to you how to approach this kind of issue and how to design and choose an efficient solution. About speaker: Hồ is Senior Software Engineer at AXON where he helps design and develops complex distributed systems, including image and video encoding, distributed file conversion system. Besides coding, Ho likes to read manga and meet friends in his free time.

Grokking Techtalk #37: Data intensive problem

Grokking VN

We present solutions based on crowdsourcing platforms to support large-scale production of accurate wrappers around data-intensive websites. Our approach is based on supervised wrapper induction algorithms which demand the burden of generating the training data to the workers of a crowdsourcing platform. Workers are paid for answering simple membership queries chosen by the system. We present two algorithms: a single worker algorithm (ALF) and a multiple workers algorithm (ALFRED). Both the algorithms deal with the inherent uncertainty of the responses and use an active learning approach to select the most informative queries. ALFRED estimates the workers’ error rate to decide at runtime how many workers are needed. The experiments that we conducted on real and synthetic data are encouraging: our approach is able to produce accurate wrappers at a low cost, even in presence of workers with a signiﬁcant error rate.

Wrapper Generation Supervised by a Noisy Crowd

Disheng Qiu

Алексей Ященко и Ярослав Волощук "False simplicity of front-end applications"

Fwdays

Better Data Management using TaffyDB

typicaljoe

17641.ppt

vikassingh569137

Slides on introduction to R by ArinBasu MD

SonaCharles2

17641.ppt

AhmedAbdalla903058

Semelhante a Oleksii Levzhynskyi "Solving behavioral complexity with FRP" (20)

React Native Performance

Ggplot2 v3

Learn JavaScript by modeling Rubik Cube

The Fuss about || Haskell | Scala | F# ||

What the f is a monad?

Getting your hands on graphs

2 Years of Real World FP at REA

R for Pirates. ESCCONF October 27, 2011

INTRODUCTION TO LISP

Om nom nom nom

Datomic – A Modern Database - StampedeCon 2014

Ruby and rails - Advanced Training (Cybage)

Programming with R in Big Data Analytics

Grokking Techtalk #37: Data intensive problem

Wrapper Generation Supervised by a Noisy Crowd

Алексей Ященко и Ярослав Волощук "False simplicity of front-end applications"

Better Data Management using TaffyDB

17641.ppt

Slides on introduction to R by ArinBasu MD

17641.ppt

Mais de Fwdays

"How Preply reduced ML model development time from 1 month to 1 day",Yevhen Y...

Fwdays

In my talk, I will tell about the world of GenAI services beyond GPT-wrappers and how we developed and scaled GenAI-centric applications. I'll share personal experiences about the obstacles, lessons, and strategic tools and methodologies that were key in taking GenAI applications from 0 to 1. I'll talk about the challenges we faced when launching LLM-based and image generative applications and delivering them to end users, and what conclusions and solutions were made.

"GenAI Apps: Our Journey from Ideas to Production Excellence",Danil Topchii

Fwdays

Python engineers are introduced to the transformative potential of Large Language Models (LLMs) in the realm of advanced data analysis and the application of Semantic Kernel techniques. We will talk about how LLMs like ChatGPT can be integrated into Python environments to automate data processing, enhance predictive modeling, and unlock deeper insights from complex datasets. The session will delve into practical strategies for embedding Semantic Kernel methods within Python projects, illustrating how these advanced techniques can refine the accuracy of machine learning models by embedding domain-specific knowledge directly into the analysis process. Attendees will leave with a clear roadmap for leveraging the combined power of LLMs and Semantic Kernels, equipped with actionable knowledge to drive innovation in their data analysis projects and beyond, marking a significant leap forward in the evolution of Python engineering practices.

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...

Fwdays

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

Fwdays

"What is a RAG system and how to build it",Dmytro Spodarets

Fwdays

"Debugging python applications inside k8s environment", Andrii Soldatenko

Fwdays

"ML in Production",Oleksandr Bagan

Fwdays

Ever seen a code base where understanding a simple method meant jumping through tangled class hierarchies? We all have! And while "Favor composition over inheritance!" is almost as old as object-oriented programming, strictly avoiding all types of subclassing leads to verbose, un-Pythonic code. So, what to do? The discussion on composition vs. inheritance is so frustrating because far-reaching design decisions like this can only be made with the ecosystem in mind – and because there's more than one type of subclassing! Let's take a dogma-free stroll through the types of subclassing through a Pythonic lens and untangle some patterns and trade-offs together. By the end, you'll be more confident in deciding when subclassing will make your code more Pythonic and when composition will improve its clarity.

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack

Fwdays

The current architecture of Prom.ua is built on microservices and GraphQL API, but it was not always like that. In this talk, I'll tell you how far we've come and how we've made using graphs in a microservice architecture convenient and simple. I will talk about the problems we faced and how we overcame them, made our development process more accessible, deployments faster, and the remains of the monolith less loaded.

"Distributed graphs and microservices in Prom.ua", Maksym Kindritskyi

Fwdays

ETL stands for extract, transform, load. It's a process that combines data from different sources into a single repository for further processing, analysis, and utilization. This talk provides an example of how pandas can be used to solve ETL tasks as a stage in the evolution of the data intake component. This involves preliminary validation, filtering, and conversion of data according to a set of business rules and internal representation, with intermediate combination with other sources.

"Rethinking the existing data loading and processing process as an ETL exampl...

Fwdays

I’m confident that many IT professionals are currently facing the same situation I was in a few months ago. Mobilization, uncertainty. How can I be maximally beneficial to the country with my experience and continue professional development in such circumstances? Since the onset of the full-scale invasion, I've been actively volunteering and assisting the army. Mobilization became the next logical step. I want to share: My journey in IT, volunteering, and the beginning of my service in the Armed Forces Impressions from the first few months Which Soft Skills are helpful in this context I aim to dispel myths about the mobilization process and projects of the Armed Forces. Address your questions And yes, military personnel can travel abroad during their leave.

"How Ukrainian IT specialist can go on vacation abroad without crossing the T...

Fwdays

The leader must be strong all the time. The leader cannot afford to make mistakes, let alone fail in front of their team. Is that really true? Nick Gicinto, a cybersecurity leader with over 25 years of experience, who has worked for the CIA and has built security systems from scratch at Tesla and Uber, fully hiring teams for these projects, will talk about the importance of being vulnerable to build trust within a team.

"The Strength of Being Vulnerable: the experience from CIA, Tesla and Uber", ...

Fwdays

Sharing open feedback can be difficult because it equals much work on yourself. However, feedback needs attention and a special place in the corporate culture. It helps to grow dynamically, build a team of like-minded people and achieve powerful results. In the presentation, I will talk about: The ability to work with feedback as a soft, solid skill in developing technical specialists. A list of difficulties that prevent quality work with feedback. The 4A Framework is a tool for successful giving and receiving feedback. I will also help specialists learn the following: Form constructive feedback and understand how and when to give it. Work analytically with the received feedback. Feel free to share your thoughts and be heard.

"[QUICK TALK] Radical candor: how to achieve results faster thanks to a cultu...

Fwdays

Will discuss: Current communication challenges, including mishaps and toxic versus productive interactions. Ever wondered about PDP? It’s likely because its relevance to career planning, even outside your current company, hasn’t been fully spotlighted. Exploring how PDP functions within career planning, applicable even if you’re eyeing an exit. “Who do I aspire to become?” Summarizing key points with a reference to a practical form you can download to use.

"[QUICK TALK] PDP Plan, the only one door to raise your salary and boost care...

Fwdays

This talk will reveal four destructive communication patterns that can undermine team spirit, reduce productivity and cause conflict, and offer effective strategies for neutralizing them. Let's start with exciting storytelling about a fictional team of developers working on Scrum. You will learn about situations that their team member noticed during team meetings. Next, we will analyze "The Gottman Four Horsemen" model, which describes the four "horsemen of the apocalypse" of work relationships: criticism, defensiveness, contempt, and stonewalling. For each of these patterns, specific "antidotes" will be offered that allow you to build healthier and more productive relationships in the team. Finally, we'll look at why this topic is critical to team productivity, drawing on Google's "Project Aristotle" research. Special attention will be paid to the concept of psychological safety, which is a key factor in the success of high-performance teams. This talk will not only provide valuable insights and tools for improving communication and management in Tech teams, but will also help each member better understand their own contribution to the overall success of the team.

"4 horsemen of the apocalypse of working relationships (+ antidotes to them)"...

Fwdays

We are all living in exceptionally turbulent times. Ukrainians are facing numerous crises and challenges, ranging from war to lay-offs. Work provides us with a sense of stability, which many of us deeply value and strive to maintain. However, there are times when we may not realize that our workload becomes overwhelming or that the stress we experience in our jobs becomes highly toxic. This often leads to burnout. During our discussion, we will cover: - The factors that contribute to burnout; - How to identify it; - Short-term strategies for addressing it; - Long-term approaches to finding fulfillment and satisfaction in our work; I will also share my personal experiences and insights, as well as those of my colleagues in the IT field. - Burnout - Stress

"Reconnecting with Purpose: Rediscovering Job Interest after Burnout", Anast...

Fwdays

As you grow in experience as a tech specialist and close the needs of Maslow's hierarchy, you realize that you can help beginners in your specialization. But how to do it effectively? Where to look for future mentees? How to avoid mistakes that demotivate both sides? And, in general, how can you benefit from investing your time in the success of a mentee? I'll discuss this based on my 1.5 years of experience mentoring beginners. It will be useful for professionals with at least six months of experience in IT and a willingness to share their knowledge with the community.

"Mentoring 101: How to effectively invest experience in the success of others...

Fwdays

"Mission (im) possible: How to get an offer in 2024?", Oleksandra Myronova

Fwdays

Historically, Ukrainians are not good at presenting themselves (read: selling) because they are not self-confident. But we were never taught to be confident or to understand our strengths, moreover to pitch ourselves well in 3 minutes at an interview. Therefore, my task is to teach you in a few minutes how to: Create your personal pitch correctly (sales points, structure) Understand, depending on the type of company, what managers want to hear about you at the interview Be able to package irrelevant or no experience Understand your strengths Create an example of a personal pitch No, there will be no information here on how to get more $ at the interview, but it's not sure 😂

"Why have we learned how to package products, but not how to 'package ourselv...

Fwdays

Imposter syndrome is a psychological phenomenon that most of us suffer from to one degree or another. I'm no exception and have faced this for most of my IT career, which has been around 10 years. I did not immediately understand that the impostor syndrome is one of the biggest blockers for my personal and career development. When I understood it, I gradually started, with small and large steps, fighting with a syndrome in all available ways. In my talk, I will share my story and how it helped me grow from an ordinary developer to a team leader and, eventually, the leader of the entire department.

"How to tame the dragon, or leadership with imposter syndrome", Oleksandr Zin...

Fwdays

Mais de Fwdays (20)