Building High-Performing Cross-Cultural Teams

Rate this content
Bookmark

Everything we do, from the way in which we write our emails, to the method in which we provide negative feedback and evaluate performance, governs the performance of our teams. And understanding how culture impacts our efficacy as a team can drastically improve our day-to-day collaboration. In this session you'll learn: How different cultures communicate, How different cultures evaluate performance and give constructive criticism, How different cultures make decisions, How different cultures trust, How different cultures perceive time.

25 min
02 Dec, 2022

Video Summary and Transcription

The Talk discusses the importance of effective communication and collaboration in cross-cultural teams. It emphasizes the impact of culture on communication and performance evaluation. The speaker highlights the differences between low-context and high-context communication styles and the need to understand cultural nuances. It also explores the challenges of giving feedback in multicultural teams and suggests ways to improve communication and create a feedback culture. The influence of language on communication and the importance of transparency and honesty in feedback are also discussed.

Available in Español

1. Introduction to Cross-Cultural Collaboration

Short description:

In this part, the speaker discusses the importance of effective communication and collaboration in a cross-cultural team. They share their own experiences and mention a book called the Culture Map by Aaron Meyer, which decodes how different cultures communicate and lead. The speaker focuses on two key areas: communication and performance evaluation. They highlight the impact of culture on these aspects and emphasize the need to understand and navigate cultural differences for successful collaboration.

Hey, everyone. I know I'm keeping you from a fun after-party, so let's just go for it, huh? So in February of 2018, I moved from Austin, Texas, to Karlsruhe, Germany, to begin a new life as a software engineer at LogMeIn. I'd worked with people from other cultures before moving abroad, but I was really unprepared to join a team with seven nationalities. Then in summer of 2020, I moved to Stockholm, Sweden, to join Spotify. And now I get to work on a team with 10 nationalities. So it's even more important that I'm able to communicate and collaborate effectively.

This is because everything that we do, from the way that we write our emails to the way that we give someone negative feedback governs the performance of our teams. So understanding how culture impacts our success as a team can drastically improve our day-to-day collaboration. So today I'm going to share with you two key areas with which we can decode how different cultures communicate and collaborate to enhance your cross-cultural collaboration.

So aside from my own experiences working and living abroad, this talk was inspired by one of my favorite books, which is the Culture Map, by Aaron Meyer. And this book decodes how different cultures communicate, lead and even experience time. So first we'll examine how different cultures communicate and how we can improve our communication on a cross-cultural team. And second, we'll take a look at how different cultures evaluate performance and give negative feedback. There are several other scales in the Culture Map that Aaron Meyer discusses, but today we're just going to focus on these two.

2. Importance of Cultural Nuances

Short description:

In this part, the speaker discusses the importance of recognizing cultural nuances and the impact of culture on interactions. They emphasize the need to avoid stereotyping while acknowledging the role of culture in understanding others.

So before we jump in, Ellie did a really great job. My name is Emma Bostjan. I am an engineering manager at Spotify in Stockholm. I'm also a new mom, so if you hear a baby crying, that's my kid. She's also the reason I look really tired today. But all jokes aside, raising a bicultural baby has really motivated me to obtain a deeper cultural nuances. And one might argue that speaking about culture causes us to stereotype people as opposed to evaluating each person as a distinct individual. And while it's really important that we recognize everyone's individuality, it would be a little bit naïve to completely disregard culture altogether. Because when we don't consider the impact a culture has had on someone and the way that we falsely view every interaction with someone through our own cultural lens.

3. Cultural Differences in Communication

Short description:

In this part, the speaker discusses the difference between low-context and high-context communication. They explain that low-context communication, which is prevalent in US-American culture, involves explicit and clear expression of thoughts. On the other hand, high-context communication, valued in many Asian cultures, relies on implicit messages that require reading between the lines. The speaker emphasizes the importance of relative positioning on the communication scale and highlights examples of different cultural perceptions. They also note that good communication is subjective and varies across cultures.

So let's jump in. Let's talk about communication. So as a US-American, when I think what good communication means, I think about someone who is explicit, they express their thoughts very clearly and simply, and kind of redundantly, they ensure everyone's on the same page multiple times. And this is what we call low-context communication. So the messages are clearly expressed and they're taken at face value.

But not all cultures view these characteristics as good communication. In contrast, many Asian cultures, such as India, China, and Japan, and Indonesia, they value communicators who are implicit. And this requires the listener to actually read between the lines. So this is known as high-context communication. The messages are implied but they're not spoken explicitly. This is a scale from the culture map and it's going to plot cultures along a communication scale. So on the left side, we have the low-context communication cultures, and the right we've got high-context communication cultures.

But an important note about these scales is that the position of a culture on this scale, the absolute position, is not important. What's important is the relative positioning to your culture that's going to indicate how you perceive someone's communication style. So as an example, the U.S. and the U.K. are both considered low-context cultures, but people from the U.K. fall towards the right side of U.S. Americans. And as a result, a U.S. American might find their British colleague to be a little bit vague and not super transparent when they're communicating. But someone from Brazil would view people from both the U.K. and the U.S. as being overly explicit and low-context. So it's relative position, not absolute position, that's going to indicate how you perceive other cultures' communication style.

In fact, the U.S. is the lowest-context culture in the world, and all Anglo-Saxon cultures fall on the left-hand side of the scale. Countries speaking Romance languages, including many countries in Europe like Italy, Spain, France, as well as some Latin American countries like Mexico, Brazil, Argentina, fall to the middle-right of the scale. And many African and Asian countries fall completely to the right, as their high-context communicators. And it is important to note that what you consider good communication isn't necessarily what another culture considers good communication.

4. Cultural Differences in Communication Styles

Short description:

In low-context cultures, explicit communication is valued, while high-context cultures rely on implicit messages. The history and traditions of a culture influence its communication style. For effective communication in multicultural teams, it is important to listen and understand the meaning behind the words. Miscommunications often occur between two high-context cultures. Communication breakdowns can happen when individuals from different high-context cultures interact.

So if someone from a low-context culture values explicit communication through verbal and written validation, they might perceive a colleague from a higher-context culture to be a bad communicator. And this variation in communication styles can be traced back to the history of a culture.

So high-context cultures, such as China and India typically, have a long shared history, and they're focused more on relationship-oriented societies. So you've got traditions that are passed down from one generation to the next. In contrast, the United States is only a few hundred years old and has been impacted by a multitude of immigrants from all over the world, having different shared histories and different languages.

So to communicate effectively, U.S. Americans have to be as explicit as possible. A language of a culture often reflects its communication style. In the U.S., we speak English primarily, and the U.S. is a low-context culture. They're known for being very explicit, and there are over 500,000 words in the English language. In contrast, France, a more high-context culture, speaks a language of only 135,000 words. This can illustrate how higher-context cultures are going to use less words to convey meaning because they have to read between the lines to infer what's meant.

Think about two people who've been together for over 50 years. They can probably communicate seamlessly, without many words. And in contrast, two people who've only been together for a year or less... They need to be a little bit more explicit in their communication. And again, while you may be considered a great communicator in your home culture, it doesn't translate onto a multicultural team. So when you're working with people from higher context cultures, it's really important to listen. Because communication is not solely about speaking. It's also about listening. So listen to the meaning behind what is said, rather than the literal message. And be mindful of the fact that people communicate the way that they're used to. So instead of jumping to the conclusion that an employee or a colleague is a bad communicator, try to recognize they're most likely communicating the way they always have been. Now you might assume that the most miscommunications happen between someone from a low context culture and someone from a high context culture. But that's not actually true. Miscommunications happen most often between two people from two high context cultures. This is because high context communication works seamlessly between members of the same culture. But it begins to break down when you have two people coming from two different high context cultures. Like someone from Brazil communicating with someone from China.

5. Cross-Cultural Communication and Feedback

Short description:

Multicultural teams often have miscommunications due to the differences in high context cultures. To ensure alignment, low context processes are necessary. When giving feedback, direct feedback cultures are blunt and honest, while indirect feedback cultures use a positive message to soften negative feedback. Understanding these cultural differences is crucial for effective communication in multicultural teams.

Now imagine we had two couples who'd each been together for 50 years and you take one person from each pair and you put them together. You wouldn't expect them to be able to communicate as effectively as they do with their partners. So this is why two high context cultures working on the same team often have miscommunications. So as a result, multicultural teams need low context processes to ensure that all team members are in alignment.

So be explicit in your communication and reinforce key takeaways. Let's move on to the second scale. Evaluating someone's performance. While every culture believes in constructive criticism, it's important to note that what's viewed as constructive changes culture to culture. And there are two types of methods for giving feedback. In direct feedback cultures, the feedback is provided at face value. It's blunt, it's honest, it typically speaks for itself. Now when you're receiving feedback from someone who comes from a direct feedback culture, you'll notice that they might use a lot of upgrader words or words that come before the negative feedback to kind of enhance its strength. So words like absolutely, totally, strongly.

Now let me tell you, I loved living in Germany, but I must admit the first time I received constructive criticism from one of my German colleagues, I cried and nearly moved back to the United States. But in all seriousness, I had a lot of culture shock when I moved abroad, because Germany is a negative feedback culture, a direct negative feedback culture. And the US is much less direct. You might have heard of like that compliment sandwich. Yeah. Many people don't love that. This caused some culture clashes with my team members and I. In indirect negative feedback cultures, the feedback is provided much more subtly. The negative message is typically wrapped inside of a positive message to soften that blow. So that's that compliment sandwich. Like, oh, this presentation was great. I really liked like your slide themes. Really great feedback, talking about the presentation aesthetics here. But you know, next time, maybe it could have been a little bit slower. But overall, great job. That's that compliment sandwich that U.S. Americans love.

6. Cultural Feedback Styles

Short description:

When receiving feedback from someone from an indirect feedback culture, you might notice they use downgrader words. The Anglo-Dutch translation guide provides examples of cultural mishaps that can happen when you don't recognize how other cultures communicate. The culture map chart shows the different feedback styles of direct and indirect cultures. Understanding the nuances of low-context and high-context cultures is crucial for effective communication and feedback.

Yeah. It's confusing for many people, right? And when receiving feedback from someone from an indirect feedback culture, you might notice they use downgrader words. So words that come before this negative feedback to soften the blow. So kind of, sort of, a little bit, slightly.

This is a fun guide. It's called the Anglo-Dutch translation guide. And if you haven't seen it, it's essentially comparing what a British colleague might say what the British mean, and what the Dutch colleague understand. So with all due respect, the Dutch person's thinking, oh, they're listening to me. This is great. And the British colleague's sitting there, thinking, oh, I think you're wrong. And if a British colleague says oh, that's very interesting, the Dutch colleague thinks, wow, they're really impressed. And the British colleague's sitting there, like, I don't like it. So this is just one adorable little example of cultural mishaps that can happen when you don't recognize how other cultures communicate.

This is another chart from the culture map. We've got the direct negative feedback cultures on the left, and indirect on the right. So indirect feedback, I'm sorry, direct feedback cultures like Germany, France, Netherlands, give feedback pretty bluntly, and you typically state what you mean without any ambiguity. The U.S., the U.K., and Canada fall to the middle right of the scale. You kind of get that complement sandwich. So you balance negative feedback with positive feedback. And then on the right side, we have indirect negative feedback cultures like Japan, Korea, and Thailand. And things are going to start getting really interesting when we start examining how different cultures communicate with how they provide feedback.

So now we can take those, and we can map each culture—hey, Freya—into a quadrant of the communication feedback graph. So let's take a look at each of these a little bit more. So cultures that are low-context and provide direct feedback like Germany or Denmark may appear blunt, offensive, and sometimes rude to anyone listening. But receiving feedback from these cultures is really straightforward, because they value honesty and transparency. And even though these cultures value honesty and transparency, it's super important not to attempt the same method of communication or feedback. Because people in these cultures have long understood the subtle differences between what's appropriate and what's inappropriate. So if you don't understand these nuances, it's pretty easy to offend someone from these cultures. Cultures that are high-context and provide direct and negative feedback like France, Spain, Italy, Russia, and Israel speak a little bit more ambiguous language, but still provide direct and negative feedback. Now this is interesting, because as a high-context culture, they're taught to read the air.

7. Decoding Cultural Communication Styles in Feedback

Short description:

In this part, the speaker discusses the cultural differences in communication styles, specifically focusing on low-context cultures that provide indirect feedback. They highlight the confusion that can arise from the use of the compliment sandwich and over-exaggeration in certain cultures. The speaker advises being explicit with feedback while considering the cultural nuances of the recipient.

So they interpret what is meant when communicating, but not what's said. But regarding feedback, they're much more direct. Cultures that are low-context and provide indirect feedback like the US, Canada, and the UK are a little bit weird. So how often have you been given constructive criticism by a US-American colleague who started off with one or two positive things, slipped a negative comment, and then finished with a compliment, right? That compliment sandwich. And it's confusing to many other cultures. And have you ever heard, a US-American colleague started meeting with, I'm thrilled to be here with you today. Like, honestly, only a US-American would begin a meeting this way. Like, you would be thrilled if you got an all-expenses-paid vacation, or you won the lottery, but are you really thrilled to be doing quarterly planning in Jura? So over-exaggerating is really confusing for people from other cultures who are attempting to understand what's actually excellent, what is actually amazing. But what's just good or nice? So if you want to work more effectively with someone from a culture in this quadrant, be explicit with your feedback, but just take considerations to wrap the meaning of your message, maybe a little bit softer.

8. Giving Negative Feedback in High Context Cultures

Short description:

When giving negative feedback to individuals from high context indirect feedback cultures, such as Brazil, China, or Japan, it is important to provide it in private. Feedback should be given slowly and gradually, with an emphasis on highlighting the positive aspects while omitting the negative. By doing so, individuals can read between the lines and understand the areas that need improvement without direct and explicit criticism.

And lastly, when dealing with high context indirect feedback cultures, like Brazil, China, or Japan, be sure to provide negative feedback in private. You should never give feedback to an individual in front of a group. And there are a few ways to provide negative feedback to people from these cultures. So first, you can give feedback slowly and over a period of time. So it's customary to make gradual references to changes that may be happening. And secondly, you should say the good and omit the bad. Let's take a look at an example. Suppose that your Japanese colleague sends you a 20-page presentation to review and most of the slides look really wonderful, but the last five look a little bit sloppy. So you can tell them, hey, the first 15 slides look really great. You don't need to tell them that the last five slides look a little bit sloppy. By omitting praise for the entirety of that slide deck, your colleague is able to read the air and comprehend that the last five slides need to be revisited. There's no need to be direct and explicit with the negative feedback, and everyone walks away with a shared understanding.

9. Cultural Evaluation and Feedback

Short description:

Understanding how different cultures evaluate performance and give negative feedback is crucial for team efficacy. The culture map identifies eight aspects, including communication and feedback. By plotting cultures on the map, potential conflicts can be identified. Differences in persuading, such as applications-first versus principles-first, can lead to contention. It's important to understand unique aspects of different cultures and be conscious of biases when working on multicultural teams.

So understanding how different cultures evaluate performance and give negative feedback can positively impact your efficacy as a team. Today we've taken a look at two of the eight aspects of the culture map. So we've talked about communicating, and we've talked about giving feedback or evaluating. Now once we understand the remaining aspects which are persuading, leading, deciding, trusting, disagreeing, and scheduling, we can begin to plot different cultures on the map to indicate where potential conflicts may arise.

So you can plot each culture along the eight scales and draw a connecting line that represents the cultures overall pattern. So where two cultures lie really closely together, they coincide within that paradigm. And where they diverge can be a source of frustration, and additional steps may be necessary to facilitate collaboration. So you can see here, persuading between Germany and China. So China has applications first persuading, and Germany used principles first. That could be a source of contention between two team members.

But as humans, we're all motivated by the same fundamental needs. But every individual's different. So you should always begin a new relationship with someone from a different culture as a chance to understand their unique aspects. But the culture that we're raised in does have implications on how we view the world. People develop biases about what is considered a good communication and which arguments are stronger than others. And when we work on a multicultural team, it's important to be conscious of the fact that not every culture experiences life, personally or professionally, the same way that we do. And learning about different cultures can help us to build effective multicultural teams.

QnA

Improving Communication in Multicultural Teams

Short description:

To improve team member's communication in a multicultural environment, the speaker suggests conducting ways of working workshops. They share their team's experience of creating personal maps to understand each other's backgrounds, work preferences, and concerns. By discussing these aspects, the team created a ways of working agreement. The speaker recommends reintroducing this exercise for new team members as motivations and work styles may change. In response to a question about dealing with indirect feedback in a direct negative feedback culture, the speaker acknowledges the challenge and suggests effective communication to understand what the person is thinking.

Thank you. Thank you, thank you. Please join me in my office. Oh! Sorry, I'm too fast. Let's have a little chat, a little chit-chat before we continue with our program.

Let me pull up our lovely Q&A app here. Thank you for that. Yeah. What a great person to talk about this. All right. We've got some cues. Let me just approve some of them so that we can read them.

To what extent—and this could be in theory more important— I feel like I'm in a tech interview. No, it's like a little—like a talk show, like an Oprah moment is how I like to think about it. But what are you giving me? Well, look under your seat! No, I'm kidding, I'm kidding. To what extent do you introduce, in practice or theory, like personality tests or workshops in order to improve your team member's communication if it's a very multi-cultural...? That's tricky. I don't know—me, personally, I don't know if I would do a personality test, necessarily. I think it's important to do like ways of working. So my team, we just had an offsite—we did a ways of working workshop. And essentially we walked through—we had a personal map for each of us that kind of explained where we've come from, how we got to where we are, things that bother us at work, things that, you know, really make us happy to work with someone else. And we each spent five to seven minutes talking about those things. And at the end we made a ways of working agreement for our team. So... So that is something I would absolutely introduce to the team. As new team members come in, reintroduce that exercise because people's motivation and work style will definitely change.

Yes. I think that's very sound. Let me look at the list. So, someone anonymous says, I come from a direct negative feedback culture, and I find indirect feedback incomplete and dishonest at times. How to ask effectively what the person is thinking.

Creating a Feedback Culture

Short description:

To create a safe and inclusive environment for giving and receiving feedback, it is important to establish a ways of working agreement and focus on specific areas of improvement. Asking for feedback and being open to it sets an example for the team. Understanding how team members prefer to receive feedback, whether privately or directly, can contribute to a safe environment. Encouraging open and honest feedback can be similar to the 'work with me' document exercise, where feedback is given without decoration. Creating this feedback culture can lead to a more effective team dynamic.

That's great. This is something we're going through at work right now as well because it's development talk seasons where you're really planning out your career future, and as a result, you have to get feedback from everyone on your team. This is tricky because you don't want to push people into looking for faults, but at the same time, if you are only giving positive reinforcement, it can come off as disingenuous and you didn't think about it.

So something that we do, we're trying to be better at is to give feedback more often. So after a workstream, you do a little retro, your little workstream, and you say hey, how did I do, what could I do better next time. So getting it in the moment helps people. I think having that ways of working agreement kind of creates a safe atmosphere. I think that's the biggest thing when you're getting negative feedback. You want to be in a safe and inclusive environment, and if that's missing, it's going to be really difficult to give people negative feedback. So that's what I would encourage, is create a safe environment, first and foremost, and get everyone on the same page.

We have an internal training that talks about what feedback what good feedback is, right. So you shouldn't be giving someone feedback about their personality traits. It should be things that they can change or behaviors, not who they are. Focus on those things, like what things that they can change or what they can be doing better next time. And how would you recommend introducing some of these practices into a team that maybe hasn't practiced them before? One thing I also realized this time around is that I, as the person asking for feedback, was not doing my job correctly. So I think that's the first step, is to kind of display like, hey, here are the things that I'm actively working on in my career at this moment. How have I been doing on these different levels? Asking for specific areas of feedback is going to be a great first step to introducing that idea to your team. Kind of be the example, right?

My feelings are not going to get hurt. That was one thing in our ways of working activity we did was how do you like to receive feedback? Do you like it privately? Do you want it written? Do you want it verbally? Do you want it in the moment? And do you want me to like do that compliment sandwich or can I just be blunt with you? And the majority of our team was, like, flowers are for the garden. Tell me how it is. And me, as a new manager, knowing that my team wants it directly, no fluff, that gave me the safe environment to be able to be honest. It reminds me of in one of my old jobs we used to have everyone on the team make a work with me doc where people would write in a little Notion or Google doc, give me feedback in private or give me feedback like as quickly as possible to my face with no decoration. So that kind of matches up a little bit.

Yeah, absolutely. Very helpful. If you haven't done that exercise with your team, try it out. We're gonna do one more and then we're gonna move on and Emma I think will be at the speaker Q&A room if you have more questions. Yeah. I don't know if you've encountered this because I assume you work in English. I do work, yeah.

Language and Cultural Influence

Short description:

Being bilingual can influence the amount of context and feedback given based on the language spoken. It's important to be transparent with the team and address any misunderstandings that may arise. Face-to-face communication is preferred as it allows for better understanding through body language. Honesty is crucial in feedback, but it should always be constructive and avoid judgment.

How much of these cultural things can be tied to language spoken? Being bilingual I find myself giving different amounts of context and feedback based on what I'm speaking.

That's a great question. So yeah, both in Germany when I was working at LogMeIn and in Sweden where at Spotify I spoke English in both places. I totally empathize with the fact that if you're speaking a second language you have a different personality. You have a different vocabulary, words have different meanings. Especially my personal life, my partner can probably attest to this. I try not to be too hard on him if he uses a word that makes me upset because I'm recognizing, hey, it's your second language. It probably doesn't mean something to you that it means to me.

So when you are bilingual and you're working in your second language, honestly, just be transparent with your team and say, hey, I really want to give you constructive feedback. If I've used a word or a phrase that doesn't sit well with you, let's talk about it. That's why face-to-face is a little bit better than written because things can be misconstrued through text. No face-to-face, it's much harder, but you're getting the body language as well, and that helps.

And honesty is the best policy? Honesty is the best policy. But not mean honesty. There's no place for mean in feedback. I agree. That's the thing. Leave your judgment. You should be giving constructive... Constructive, that's the word here, right? Something they can do to improve. Something tangible, and no judgment. Leave that. But something they can't change.

Yeah. Well, thank you for your time, Emma. I'm gonna let you be free and go to the speaker Q&A room.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

React Advanced Conference 2022React Advanced Conference 2022
25 min
A Guide to React Rendering Behavior
Top Content
React is a library for "rendering" UI from components, but many users find themselves confused about how React rendering actually works. What do terms like "rendering", "reconciliation", "Fibers", and "committing" actually mean? When do renders happen? How does Context affect rendering, and how do libraries like Redux cause updates? In this talk, we'll clear up the confusion and provide a solid foundation for understanding when, why, and how React renders. We'll look at: - What "rendering" actually is - How React queues renders and the standard rendering behavior - How keys and component types are used in rendering - Techniques for optimizing render performance - How context usage affects rendering behavior| - How external libraries tie into React rendering
React Summit 2023React Summit 2023
32 min
Speeding Up Your React App With Less JavaScript
Too much JavaScript is getting you down? New frameworks promising no JavaScript look interesting, but you have an existing React application to maintain. What if Qwik React is your answer for faster applications startup and better user experience? Qwik React allows you to easily turn your React application into a collection of islands, which can be SSRed and delayed hydrated, and in some instances, hydration skipped altogether. And all of this in an incremental way without a rewrite.
React Summit 2023React Summit 2023
23 min
React Concurrency, Explained
React 18! Concurrent features! You might’ve already tried the new APIs like useTransition, or you might’ve just heard of them. But do you know how React 18 achieves the performance wins it brings with itself? In this talk, let’s peek under the hood of React 18’s performance features: - How React 18 lowers the time your page stays frozen (aka TBT) - What exactly happens in the main thread when you run useTransition() - What’s the catch with the improvements (there’s no free cake!), and why Vue.js and Preact straight refused to ship anything similar
JSNation 2022JSNation 2022
21 min
The Future of Performance Tooling
Top Content
Our understanding of performance & user-experience has heavily evolved over the years. Web Developer Tooling needs to similarly evolve to make sure it is user-centric, actionable and contextual where modern experiences are concerned. In this talk, Addy will walk you through Chrome and others have been thinking about this problem and what updates they've been making to performance tools to lower the friction for building great experiences on the web.
TechLead Conference 2023TechLead Conference 2023
35 min
A Framework for Managing Technical Debt
Let’s face it: technical debt is inevitable and rewriting your code every 6 months is not an option. Refactoring is a complex topic that doesn't have a one-size-fits-all solution. Frontend applications are particularly sensitive because of frequent requirements and user flows changes. New abstractions, updated patterns and cleaning up those old functions - it all sounds great on paper, but it often fails in practice: todos accumulate, tickets end up rotting in the backlog and legacy code crops up in every corner of your codebase. So a process of continuous refactoring is the only weapon you have against tech debt.In the past three years, I’ve been exploring different strategies and processes for refactoring code. In this talk I will describe the key components of a framework for tackling refactoring and I will share some of the learnings accumulated along the way. Hopefully, this will help you in your quest of improving the code quality of your codebases.

Workshops on related topic

React Summit 2023React Summit 2023
170 min
React Performance Debugging Masterclass
Featured WorkshopFree
Ivan’s first attempts at performance debugging were chaotic. He would see a slow interaction, try a random optimization, see that it didn't help, and keep trying other optimizations until he found the right one (or gave up).
Back then, Ivan didn’t know how to use performance devtools well. He would do a recording in Chrome DevTools or React Profiler, poke around it, try clicking random things, and then close it in frustration a few minutes later. Now, Ivan knows exactly where and what to look for. And in this workshop, Ivan will teach you that too.
Here’s how this is going to work. We’ll take a slow app → debug it (using tools like Chrome DevTools, React Profiler, and why-did-you-render) → pinpoint the bottleneck → and then repeat, several times more. We won’t talk about the solutions (in 90% of the cases, it’s just the ol’ regular useMemo() or memo()). But we’ll talk about everything that comes before – and learn how to analyze any React performance problem, step by step.
(Note: This workshop is best suited for engineers who are already familiar with how useMemo() and memo() work – but want to get better at using the performance tools around React. Also, we’ll be covering interaction performance, not load speed, so you won’t hear a word about Lighthouse 🤐)
JSNation 2023JSNation 2023
170 min
Building WebApps That Light Up the Internet with QwikCity
Featured WorkshopFree
Building instant-on web applications at scale have been elusive. Real-world sites need tracking, analytics, and complex user interfaces and interactions. We always start with the best intentions but end up with a less-than-ideal site.
QwikCity is a new meta-framework that allows you to build large-scale applications with constant startup-up performance. We will look at how to build a QwikCity application and what makes it unique. The workshop will show you how to set up a QwikCitp project. How routing works with layout. The demo application will fetch data and present it to the user in an editable form. And finally, how one can use authentication. All of the basic parts for any large-scale applications.
Along the way, we will also look at what makes Qwik unique, and how resumability enables constant startup performance no matter the application complexity.
React Day Berlin 2022React Day Berlin 2022
53 min
Next.js 13: Data Fetching Strategies
Top Content
WorkshopFree
- Introduction- Prerequisites for the workshop- Fetching strategies: fundamentals- Fetching strategies – hands-on: fetch API, cache (static VS dynamic), revalidate, suspense (parallel data fetching)- Test your build and serve it on Vercel- Future: Server components VS Client components- Workshop easter egg (unrelated to the topic, calling out accessibility)- Wrapping up
React Advanced Conference 2023React Advanced Conference 2023
148 min
React Performance Debugging
Workshop
Ivan’s first attempts at performance debugging were chaotic. He would see a slow interaction, try a random optimization, see that it didn't help, and keep trying other optimizations until he found the right one (or gave up).
Back then, Ivan didn’t know how to use performance devtools well. He would do a recording in Chrome DevTools or React Profiler, poke around it, try clicking random things, and then close it in frustration a few minutes later. Now, Ivan knows exactly where and what to look for. And in this workshop, Ivan will teach you that too.
Here’s how this is going to work. We’ll take a slow app → debug it (using tools like Chrome DevTools, React Profiler, and why-did-you-render) → pinpoint the bottleneck → and then repeat, several times more. We won’t talk about the solutions (in 90% of the cases, it’s just the ol’ regular useMemo() or memo()). But we’ll talk about everything that comes before – and learn how to analyze any React performance problem, step by step.
(Note: This workshop is best suited for engineers who are already familiar with how useMemo() and memo() work – but want to get better at using the performance tools around React. Also, we’ll be covering interaction performance, not load speed, so you won’t hear a word about Lighthouse 🤐)
Vue.js London 2023Vue.js London 2023
49 min
Maximize App Performance by Optimizing Web Fonts
WorkshopFree
You've just landed on a web page and you try to click a certain element, but just before you do, an ad loads on top of it and you end up clicking that thing instead.
That…that’s a layout shift. Everyone, developers and users alike, know that layout shifts are bad. And the later they happen, the more disruptive they are to users. In this workshop we're going to look into how web fonts cause layout shifts and explore a few strategies of loading web fonts without causing big layout shifts.
Table of Contents:What’s CLS and how it’s calculated?How fonts can cause CLS?Font loading strategies for minimizing CLSRecap and conclusion
React Summit 2022React Summit 2022
50 min
High-performance Next.js
Workshop
Next.js is a compelling framework that makes many tasks effortless by providing many out-of-the-box solutions. But as soon as our app needs to scale, it is essential to maintain high performance without compromising maintenance and server costs. In this workshop, we will see how to analyze Next.js performances, resources usage, how to scale it, and how to make the right decisions while writing the application architecture.