Olena Sovyn "Understanding Recompose through examples"

•

1 like•2,193 views

At the first glance, the Recompose is the right answer to all the questions that arose when we are thinking how to make our react components more reusable and more testable ones. The library has a great API documentation, but until April this year it was lack of examples. For those people, who are not quite familiar with the functional programming, it wasn’t quite easy to understand how to use this library in some cases. Let’s start from the other end and go from the real-world examples and see how we can use Recompose in them and what benefits it can bring to us.

Olena Sovyn (@frontendgirl)
Webflow
Understanding Recompose
through examples

Olena Sovyn
(@frontendgirl)
! & !

❤
React 
Redux
Lodash
React Storybook
functional programming

Olena Sovyn
(@frontendgirl)
Understanding
Recompose through
examples

1 year ago . . .

How to make
complex
component to be
reusable ?

Data
Behaviour
UI
Reusable ???

HOC
(high order components)

HOC
changed: context
or/and props

Recompose

Data
Behaviour
UI
Recompose
HOC
Stateless component

Why should I
care about
Recompose ?

Image source: http://spacenews.com/spacexs-new-price-chart-illustrates-performance-cost-of-reusability/

Image source: https://whataboutjesus.com/jesus-is-the-only-way/

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

Dunning‒Kruger effectConﬁdence
Wisdom
ﬁrst usage of
one of Recompose
HOCs
reading
Recompose 
documentation
trying to use
Recompose on
practice

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

branch
lifecycle
renderComponent
renderNothing
toClass
mapProps
withProps
withPropsOnChange
defaultProps
renameProp
renameProps
ﬂattenProp
withState
withHandlers
withStateHandlers
withReducer
shouldUpdate
pure
onlyUpdateForKeys
onlyUpdateForPropTypes
withContext
getContext
Props
State Performance
Other
Context
Recompose 
HOCs

branch
lifecycle
renderComponent
renderNothing
toClass
mapProps
withProps
withPropsOnChange
defaultProps
renameProp
renameProps
ﬂattenProp
withState
withHandlers
withStateHandlers
withReducer
shouldUpdate
pure
onlyUpdateForKeys
onlyUpdateForPropTypes
withContext
getContext
Props
State Performance
Other
Context
Recompose 
HOCs

< 280

Reusability

lifecycle
Image source: https://www.codevoila.com/post/57/reactjs-tutorial-react-component-lifecycle

timeExamples

setDisplayName
toClass
lifecycle
getContext
withContext
onlyUpdateForPropTypes
onlyUpdateForKeys
setStatic
setPropTypes
componentFromStream
setObservableConfig
createEventHandlerWithConfig
createEventHandler
mapPropsStreamWithConfig
mapPropsStream
componentFromStreamWithConfig
compose
isClassComponent
getDisplayName
wrapDisplayName
shallowEqual
createSink
componentFromProp
nest
hoistStatics
mapProps
withProps
withHandlers
withPropsOnChange
renameProps
defaultProps
renameProp
withState
renderComponent
renderNothing
withReducer
withStateHandlers
shouldUpdate
pure
branch
flattenProp

Any
takeaways ?

Even if you are not
directly
contributing to
libraries you have
still a lot to share3

Awesome
Recompose

Make ideas clearly
stand out in your
examples, no
matter how
complex they are2

Useful
Example
Complex
example
Simple example

Even if something
wasn’t clear from
the first time
there is always
another way1

Django Girls Kyiv #1

Image source: https://hacks.mozilla.org/2017/11/entering-the-quantum-era-how-ﬁrefox-got-fast-again-and-where-its-going-to-get-faster/
Lin Clark works

Image source: https://twitter.com/kosamari/status/859958929484337152
Codedoodles by Mariko Kosaka

Code
Example
Input Output

Even if something
wasn’t clear from
the first time
there is always
another way1

Olena Sovyn "Understanding Recompose through examples"

More Related Content

Similar to Olena Sovyn "Understanding Recompose through examples"

JavaScript-based Visualization in R

JavaScript-based Visualization in R

JavaScript-based Visualization in R

Presentation discusses the best practices when writing higher order components (HOCs), and presents examples how to write them according to React recommendations. Topics include: maximizing HOC factories composability, using ES7 decorators, wrapping context DI in HOCs, handling async state changes using RxJS Observanels and separation of concerns between presentation and business logic components. Examples (@GitHub projects - referenced in the presentation) are given using react, redux, react-router-redux, redux-observable, recompose, and reselect.

React HOCs, Context and Observables

React HOCs, Context and Observables

React HOCs, Context and Observables

Spot the Dog: An overview of semantic retrieval of unannotated images in the ...

Spot the Dog: An overview of semantic retrieval of unannotated images in the ...

Spot the Dog: An overview of semantic retrieval of unannotated images in the ...

Jruby

JPA 스터디 Week2 - Object Relational Mapping

JPA 스터디 Week2 - Object Relational Mapping

JPA 스터디 Week2 - Object Relational Mapping

The speed of innovation in the JavaScript world is insane: in a few months libraries, frameworks and tools can go from little experiments to something being used by millions of people. In this talk the attention will be focused on React, a library made by Facebook, and on the state of art of the state and data management (Redux/Mobx), testing (Enzyme), modules and syntax (Webpack/Babel) and style (CSS Modules). Outline: - React (Main concepts, Props, State, Component Lifecycles, Mixins, ES6 Syntax, Stateless Functional Components, High Order Components, Routing) - State Management (Redux, Mobx) - Testing (Enzyme) - Webpack - CSS Modules

Corso su ReactJS

Corso su ReactJS

Corso su ReactJS

JavaScript Reactivity - Angular Meetup Dhaka

JavaScript Reactivity - Angular Meetup Dhaka

JavaScript Reactivity - Angular Meetup Dhaka

Hybrid Web Applications

Hybrid Web Applications

Hybrid Web Applications

WEB IMAGE RE-RANKING USING QUERY-SPECIFIC SEMANTIC SIGNATURES

WEB IMAGE RE-RANKING USING QUERY-SPECIFIC SEMANTIC SIGNATURES

WEB IMAGE RE-RANKING USING QUERY-SPECIFIC SEMANTIC SIGNATURES

Shakas Technologies

A mysterious journey to MVP world - Viber Android Meetup 2018

A mysterious journey to MVP world - Viber Android Meetup 2018

A mysterious journey to MVP world - Viber Android Meetup 2018

Polymorphism is the super power of the OO designer. However, many designers don't exploit this power, they use inheritance for structural purposes. In a language like Java, this results in an abuse of the instanceof statement. Maybe Polymorphism is not the right word; maybe we should use multiple personality disorder (not as sexy as polymorphism when you're trying to sell your OO suite...). Depending on the runtime context, the object does not change form, it does not morph, it changes behavior, it behaves as another object.

Inverting Dependencies

Inverting Dependencies

Inverting Dependencies

Practical Responsive Images : from Breaking Borders

Practical Responsive Images : from Breaking Borders

Practical Responsive Images : from Breaking Borders

Build UI of the Future with React 360

Build UI of the Future with React 360

Build UI of the Future with React 360

Representational State Transfer (REST)

Representational State Transfer (REST)

Representational State Transfer (REST)

Tree-like structures are omnipresent throughout the web. Whether in the plain URL of a website, as navigation-menu or for board- or chatlogs. Even XML represents a tree-like structure. So why not store data in such a construct? In the Java-World there is the JCR named ContentRepository which stores data in a tree-like structure. The JCR has been ported to PHP as PHPCR. Using the Doctrine-Wrapper PHPCR-ODM it can be integrated into applications without hassle. This talk will show how to effectively persist semi-structured content, dynamic routing or other hierarchically structured data.

The content manager loves the tree

The content manager loves the tree

The content manager loves the tree

Maximilian Berghoff

Performance and UX

Performance and UX

Performance and UX

April 2016 - USG Web Tech Day - Let's Talk Drupal

April 2016 - USG Web Tech Day - Let's Talk Drupal

April 2016 - USG Web Tech Day - Let's Talk Drupal

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded. However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API.

30 days-of-react-ebook-fullstackio

30 days-of-react-ebook-fullstackio

30 days-of-react-ebook-fullstackio

Similar to Olena Sovyn "Understanding Recompose through examples" (18)

JavaScript-based Visualization in R

JavaScript-based Visualization in R

JavaScript-based Visualization in R

React HOCs, Context and Observables

React HOCs, Context and Observables

React HOCs, Context and Observables

Spot the Dog: An overview of semantic retrieval of unannotated images in the ...

Spot the Dog: An overview of semantic retrieval of unannotated images in the ...

Spot the Dog: An overview of semantic retrieval of unannotated images in the ...

Jruby

JPA 스터디 Week2 - Object Relational Mapping

JPA 스터디 Week2 - Object Relational Mapping

JPA 스터디 Week2 - Object Relational Mapping

Corso su ReactJS

Corso su ReactJS

Corso su ReactJS

JavaScript Reactivity - Angular Meetup Dhaka

JavaScript Reactivity - Angular Meetup Dhaka

JavaScript Reactivity - Angular Meetup Dhaka

Hybrid Web Applications

Hybrid Web Applications

Hybrid Web Applications

WEB IMAGE RE-RANKING USING QUERY-SPECIFIC SEMANTIC SIGNATURES

WEB IMAGE RE-RANKING USING QUERY-SPECIFIC SEMANTIC SIGNATURES

WEB IMAGE RE-RANKING USING QUERY-SPECIFIC SEMANTIC SIGNATURES

A mysterious journey to MVP world - Viber Android Meetup 2018

A mysterious journey to MVP world - Viber Android Meetup 2018

A mysterious journey to MVP world - Viber Android Meetup 2018

Inverting Dependencies

Inverting Dependencies

Inverting Dependencies

Practical Responsive Images : from Breaking Borders

Practical Responsive Images : from Breaking Borders

Practical Responsive Images : from Breaking Borders

Build UI of the Future with React 360

Build UI of the Future with React 360

Build UI of the Future with React 360

Representational State Transfer (REST)

Representational State Transfer (REST)

Representational State Transfer (REST)

The content manager loves the tree

The content manager loves the tree

The content manager loves the tree

Performance and UX

Performance and UX

Performance and UX

April 2016 - USG Web Tech Day - Let's Talk Drupal

April 2016 - USG Web Tech Day - Let's Talk Drupal

April 2016 - USG Web Tech Day - Let's Talk Drupal

30 days-of-react-ebook-fullstackio

30 days-of-react-ebook-fullstackio

30 days-of-react-ebook-fullstackio

More from Fwdays

"What I learned through reverse engineering", Yuri Artiukh

"What I learned through reverse engineering", Yuri Artiukh

"What I learned through reverse engineering", Yuri Artiukh

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

"Impact of front-end architecture on development cost", Viktor Turskyi

"Impact of front-end architecture on development cost", Viktor Turskyi

"Impact of front-end architecture on development cost", Viktor Turskyi

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

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

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

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

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

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

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

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...

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

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

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

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

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

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

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

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

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

"ML in Production",Oleksandr Bagan

"ML in Production",Oleksandr Bagan

"ML in Production",Oleksandr Bagan

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

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

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

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

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

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

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...

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

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

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...

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

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

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", ...

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

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

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...

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

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

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...

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

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

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)"...

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

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

More from Fwdays (20)

"What I learned through reverse engineering", Yuri Artiukh

"What I learned through reverse engineering", Yuri Artiukh

"What I learned through reverse engineering", Yuri Artiukh

"Impact of front-end architecture on development cost", Viktor Turskyi

"Impact of front-end architecture on development cost", Viktor Turskyi

"Impact of front-end architecture on development cost", Viktor Turskyi

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

"Micro frontends: Unbelievably true life story", Dmytro Pavlov

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

"Objects validation and comparison using runtime types (io-ts)", Oleksandr Suhak

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

"JavaScript. Standard evolution, when nobody cares", Roman Savitskyi

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

"Debugging python applications inside k8s environment", Andrii Soldatenko

"ML in Production",Oleksandr Bagan

"ML in Production",Oleksandr Bagan

"ML in Production",Oleksandr Bagan

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Recently uploaded

Key Trends Shaping the Future of Infrastructure.pdf

Key Trends Shaping the Future of Infrastructure.pdf

Key Trends Shaping the Future of Infrastructure.pdf

UiPath Test Automation using UiPath Test Suite series, part 3

UiPath Test Automation using UiPath Test Suite series, part 3

UiPath Test Automation using UiPath Test Suite series, part 3

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™: See how to accelerate model training and optimize model performance with active learning Learn about the latest enhancements to out-of-the-box document processing – with little to no training required Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath. Speakers: 👨‍🏫 Andras Palfi, Senior Product Manager, UiPath 👩‍🏫 Lenka Dulovicova, Product Program Manager, UiPath

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

UiPathCommunity

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Thierry Lestable

Intrigued by why some of the world's largest companies (Netflix, Google, Cisco, Twitter, Uber etc) are using gRPC? In this demo based talk we delve into the world of gRPC in .Net, what it does and why we should use it. We compare the interface with both Rest and graphQL. We will show you how to implement grpc server-side in .net and in the web. Finally, I will show you how the tooling helps you deliver powerful interfaces and interact with them quickly and simply.

Demystifying gRPC in .Net by John Staveley

Demystifying gRPC in .Net by John Staveley

Demystifying gRPC in .Net by John Staveley

This talk focuses on the practical aspects of integrating various telephony systems with Salesforce, drawing on examples from implementations in the Czech scene. It aims to inform attendees about the spectrum of telephony solutions available, from small to large scale, and their compatibility with Salesforce. The presentation will highlight key considerations for selecting a telephony provider that integrates smoothly with Salesforce, including important questions to support the decision-making process. It will also discuss methods for integrating existing telephony systems with Salesforce, aimed at companies contemplating or in the process of adopting this CRM platform. The discussion is designed to provide a straightforward overview of the steps and considerations involved in telephony and Salesforce integration, with an emphasis on functionality, compatibility, and the practical experiences of Czech companies.

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Welcome to UiPath Test Automation using UiPath Test Suite series part 2. In this session, we will cover API test automation along with a web automation demo. Topics covered: Test Automation introduction API Example of API automation Web automation demonstration Speaker Pathrudu Chintakayala, Associate Technical Architect @Yash and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

UiPath Test Automation using UiPath Test Suite series, part 2

UiPath Test Automation using UiPath Test Suite series, part 2

UiPath Test Automation using UiPath Test Suite series, part 2

The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.

Search and Society: Reimagining Information Access for Radical Futures

Search and Society: Reimagining Information Access for Radical Futures

Search and Society: Reimagining Information Access for Radical Futures

When stars align: studies in data quality, knowledge graphs, and machine lear...

When stars align: studies in data quality, knowledge graphs, and machine lear...

When stars align: studies in data quality, knowledge graphs, and machine lear...

ScyllaDB has the potential to deliver impressive performance and scalability. The better you understand how it works, the more you can squeeze out of it. But before you squeeze, make sure you know what to monitor! Watch our experienced Postgres developer work through monitoring and performance strategies that help him understand what mistakes he’s made moving to NoSQL. And learn with him as our database performance expert offers friendly guidance on how to use monitoring and performance tuning to get his sample Rust application on the right track. This webinar focuses on using monitoring and performance tuning to discover and correct mistakes that commonly occur when developers move from SQL to NoSQL. For example: - Common issues getting up and running with the monitoring stack - Using the CQL optimizations dashboard - Common issues causing high latency in a node - Common issues causing replica imbalance - What a healthy system looks like in terms of memory - Key metrics to keep an eye on This isn’t “Death-by-Powerpoint.” We’ll walk through problems encountered while migrating a real application from Postgres to ScyllaDB – and try to fix them live as well.

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

I'm excited to share my latest predictions on how AI, robotics, and other technological advancements will reshape industries in the coming years. The slides explore the exponential growth of computational power, the future of AI and robotics, and their profound impact on various sectors. Why this matters: The success of new products and investments hinges on precise timing and foresight into emerging categories. This deck equips founders, VCs, and industry leaders with insights to align future products with upcoming tech developments. These insights enhance the ability to forecast industry trends, improve market timing, and predict competitor actions. Highlights: ▪ Exponential Growth in Compute: How $1000 will soon buy the computational power of a human brain ▪ Scaling of AI Models: The journey towards beyond human-scale models and intelligent edge computing ▪ Transformative Technologies: From advanced robotics and brain interfaces to automated healthcare and beyond ▪ Future of Work: How automation will redefine jobs and economic structures by 2040 With so many predictions presented here, some will inevitably be wrong or mistimed, especially with potential external disruptions. For instance, a conflict in Taiwan could severely impact global semiconductor production, affecting compute costs and related advancements. Nonetheless, these slides are intended to guide intuition on future technological trends.

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Peter Udo Diehl

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Mission to Decommission: Importance of Decommissioning Products to Increase E...

In this session, we will showcase how to revolutionize automated testing for your software, automation, and QA teams with UiPath Test Suite. In part 1 of UiPath test automation using UiPath Test Suite – developer series, we will cover, Software testing overview What is software testing Why software testing is required Typical test types and levels Continuous testing and challenges Introduction to UiPath Test Suite UiPath Test Suite family of products Speaker: Atul Trikha, Chief Technologist & Solutions Architect, Peraton and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

UiPath Test Automation using UiPath Test Suite series, part 1

UiPath Test Automation using UiPath Test Suite series, part 1

UiPath Test Automation using UiPath Test Suite series, part 1

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Assuring Contact Center Experiences for Your Customers With ThousandEyes

New customer? New industry? New cloud? New team? A lot to handle! How to ensure the success of the project? Start it well! I've created the 3 areas of focus at the beginning of the project that helped me in multiple roles (BA, PO, and Consultant). Learn from real-world experiences and discover how these insights can empower you to deliver unparalleled value to your customers right from the project's start.

Powerful Start- the Key to Project Success, Barbara Laskowska

Powerful Start- the Key to Project Success, Barbara Laskowska

Powerful Start- the Key to Project Success, Barbara Laskowska

Recently uploaded (20)

Key Trends Shaping the Future of Infrastructure.pdf

Key Trends Shaping the Future of Infrastructure.pdf

Key Trends Shaping the Future of Infrastructure.pdf

UiPath Test Automation using UiPath Test Suite series, part 3

UiPath Test Automation using UiPath Test Suite series, part 3

UiPath Test Automation using UiPath Test Suite series, part 3

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Demystifying gRPC in .Net by John Staveley

Demystifying gRPC in .Net by John Staveley

Demystifying gRPC in .Net by John Staveley

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

UiPath Test Automation using UiPath Test Suite series, part 2

UiPath Test Automation using UiPath Test Suite series, part 2

UiPath Test Automation using UiPath Test Suite series, part 2

Search and Society: Reimagining Information Access for Radical Futures

Search and Society: Reimagining Information Access for Radical Futures

Search and Society: Reimagining Information Access for Radical Futures

When stars align: studies in data quality, knowledge graphs, and machine lear...

When stars align: studies in data quality, knowledge graphs, and machine lear...

When stars align: studies in data quality, knowledge graphs, and machine lear...

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Optimizing NoSQL Performance Through Observability

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Mission to Decommission: Importance of Decommissioning Products to Increase E...

UiPath Test Automation using UiPath Test Suite series, part 1

UiPath Test Automation using UiPath Test Suite series, part 1

UiPath Test Automation using UiPath Test Suite series, part 1

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Powerful Start- the Key to Project Success, Barbara Laskowska

Powerful Start- the Key to Project Success, Barbara Laskowska

Powerful Start- the Key to Project Success, Barbara Laskowska

Olena Sovyn "Understanding Recompose through examples"

1. Olena Sovyn (@frontendgirl) Webflow Understanding Recompose through examples

2. Olena Sovyn (@frontendgirl) ! & !

3. ❤ React  Redux Lodash React Storybook functional programming

4.

5. Olena Sovyn (@frontendgirl) Understanding Recompose through examples

6. Image source: https://szenandoah.deviantart.com/art/Wonderland-Logo-252210579

7. 1 year ago . . .

8. How to make complex component to be reusable ?

9. Data Behaviour UI Reusable ???

10. HOC (high order components)

11. HOC changed: context or/and props

13. Data Behaviour UI Recompose HOC Stateless component

14.

15. Why should I care about Recompose ?

16. Image source: http://spacenews.com/spacexs-new-price-chart-illustrates-performance-cost-of-reusability/

17.

18. Image source: https://whataboutjesus.com/jesus-is-the-only-way/

19. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

20. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

21. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

22. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

23. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

24. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

25. Dunning‒Kruger effectConﬁdence Wisdom ﬁrst usage of one of Recompose HOCs reading Recompose  documentation trying to use Recompose on practice

26.

27. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

28.

29.

30.

31. branch lifecycle renderComponent renderNothing toClass mapProps withProps withPropsOnChange defaultProps renameProp renameProps ﬂattenProp withState withHandlers withStateHandlers withReducer shouldUpdate pure onlyUpdateForKeys onlyUpdateForPropTypes withContext getContext Props State Performance Other Context Recompose  HOCs

32. branch lifecycle renderComponent renderNothing toClass mapProps withProps withPropsOnChange defaultProps renameProp renameProps ﬂattenProp withState withHandlers withStateHandlers withReducer shouldUpdate pure onlyUpdateForKeys onlyUpdateForPropTypes withContext getContext Props State Performance Other Context Recompose  HOCs

33.

34.

35.

36.

37.

38.

39.

41. Reusability

42. lifecycle Image source: https://www.codevoila.com/post/57/reactjs-tutorial-react-component-lifecycle

43.

44.

45.

46.

47.

48.

49.

50. timeExamples

51.

52. setDisplayName toClass lifecycle getContext withContext onlyUpdateForPropTypes onlyUpdateForKeys setStatic setPropTypes componentFromStream setObservableConfig createEventHandlerWithConfig createEventHandler mapPropsStreamWithConfig mapPropsStream componentFromStreamWithConfig compose isClassComponent getDisplayName wrapDisplayName shallowEqual createSink componentFromProp nest hoistStatics mapProps withProps withHandlers withPropsOnChange renameProps defaultProps renameProp withState renderComponent renderNothing withReducer withStateHandlers shouldUpdate pure branch flattenProp

53. Any takeaways ?

54. Even if you are not directly contributing to libraries you have still a lot to share3

55. Awesome Recompose

56. Make ideas clearly stand out in your examples, no matter how complex they are2

57. Useful Example Complex example Simple example

58. Even if something wasn’t clear from the first time there is always another way1

59. Django Girls Kyiv #1

60.

61. Image source: https://hacks.mozilla.org/2017/11/entering-the-quantum-era-how-ﬁrefox-got-fast-again-and-where-its-going-to-get-faster/ Lin Clark works

62. Image source: https://twitter.com/kosamari/status/859958929484337152 Codedoodles by Mariko Kosaka

63.

64. Code Example Input Output

65.

66.

67. Even if something wasn’t clear from the first time there is always another way1