React Berlin Meetup
React Berlin Meetup
  • 82
  • 157 514
Effective testing: How to write tests that let you confidently deploy on a Friday – Mohamed Oun
Effective testing: How to write tests that let you confidently deploy on a Friday
by Mohamed Oun
Have you ever worked on a codebase that had a high test coverage, yet regularly had bugs slip into production? This can lower our confidence in our tests, and make us question why we even bother with them. In this talk, we'll cover how to write tests that get us the most value and confidence for the least effort.
About Mohamed ( Mohamed3on)
Mohamed is a frontend engineer at HelloFresh and a co-organizer at BerlinJS. He likes making software that's easy to maintain and to use.
## Submit a talk for a future event
Have you discovered a new project, fall in love with a technique, or avoided a pitfall? Share it with us in the form of a Meetup talk.
Submit here: goo.gl/forms/ikH86P9dWFMwNzWY2.
zhlédnutí: 224

Video

End to End automation testing with Cypress - Vitor Reis
zhlédnutí 502Před 4 lety
End to End automation testing with Cypress by Vitor Reis In this talk, we will discuss some examples of common end to end test automation flows with cypress, it will be a hands-on talk with some live coding about testing web products with Cypress. Lessons learned & considerations on our search for high confidence in test automation in order to enable continuous deployment. About Vitor (twitter....
How to improve the quality of your apps - Manuel Bieh
zhlédnutí 231Před 4 lety
"How to improve the quality of your apps" by Manuel Bieh While Product Owners always talk about how important it is to provide a good User Experience, talking about Developer Experience mostly comes short. There are many to make your life as JavaScript developer a whole lot easier, improve the quality of your code, and ultimately bring the software you're building onto the next level. Let's hav...
Scaling react with micro frontends - Simon Jentsch
zhlédnutí 2,6KPřed 4 lety
"Scaling react with micro frontends" by Simon Jentsch Because of multiple platforms that we have worldwide, we build a plugin system for our product (portal for restaurant owners) to make the developers of our platforms able to independently develop frontend modules for this portal. The developers are able to deploy independently of our deployment cycle and are (kinda) technology agnostic. I wi...
Monorepos 101 - Rubens Pinheiro
zhlédnutí 340Před 4 lety
Talk recording from React Berlin meetup www.meetup.com/React-Berlin-Meetup/events/264776715/ # Monorepos 101 by Rubens Pinheiro ( rubenspgc) On this talk we're going to learn how to use the monorepo architecture to share partial parts of your application and learn how to avoid common pitfalls of it. About Rubens Senior Frontend developer at OLXtech, surfer, gamer and a curious soul
JSDoc + TypeScript. Star-crossed lovers - Bogdan Plieshka
zhlédnutí 3,1KPřed 4 lety
Talk recording from React Berlin meetup www.meetup.com/React-Berlin-Meetup/events/264776715/ # JSDoc TypeScript. Star-crossed lovers by Bogdan Plieshka ( gotbahn) Having type checking is great, it saves from many errors, helps better understand code base, but it also has own price... most of solutions forcing learn own language superset, require compiling stage and generally slow dow...
React Day Berlin 2018 Teaser
zhlédnutí 96Před 5 lety
Focusing on in-depth talks, hands-on workshops, and finding new opportunities, React Day Berlin conference provides space for everyone to make friends and develop stellar apps together. reactday.berlin
React Day Berlin 2018 Aftermovie
zhlédnutí 4,4KPřed 5 lety
Focusing on in-depth talks, hands-on workshops, and finding new opportunities, React Day Berlin conference provides space for everyone to make friends and develop stellar apps together. reactday.berlin
One Style to Rule Them All - Philipp Giese
zhlédnutí 189Před 5 lety
Talk recording from React Open Source meetup www.meetup.com/React-Open-Source/events/259503173/ As a library author you often times face the challenge of including some basic styles in your library. However, it can be difficult to choose the right approach because you don’t know how the consuming application is handling styles. Should you go with plain CSS, or LESS, SASS, CSS in JS, JSS, … the ...
Using React Styleguidist The Wrong Way - Bogdan Kolbik
zhlédnutí 2,5KPřed 5 lety
Talk recording from React Open Source meetup www.meetup.com/React-Open-Source/events/259503173/ React Styleguidist meant to be a tool for building styleguides and documenting usage. My team doesn't use it that way. Still React Styleguidist provides us a lot of benefits as part of CI pipeline. I'll tell how we use it, which problems it solved, and how can you integrate it into your workflow. Abo...
Lisk Mobile iMessage Extension - Altay Aydemir & Yashar Ayari
zhlédnutí 237Před 5 lety
Talk recording from React Open Source meetup www.meetup.com/React-Open-Source/events/259503173/ The already created Lisk Mobile iMessage Extension shares components with the Lisk Mobile main application (React Native). The lack of educational material about the iMessage Extension and the React Native integration forced Lisk developers to implement their own native bridge and use React Native to...
Evolution of UI/UX in blockchain - Max Kordek
zhlédnutí 4,4KPřed 5 lety
Talk recording from React Day Berlin Conference 2018 reactday.berlin In order to achieve mainstream adoption, blockchain technology must rapidly accelerate its user-facing tools. At Lisk, we’re dedicated to advancing the evolution of UI/UX design to empower developers and entrepreneurs to unlock the technologies vast potential. Max Kordek Max Kordek is the Co-Founder of Lisk and CEO of Lightcur...
Breaking Down Barriers, Together! - Jamie Szymkowiak
zhlédnutí 186Před 5 lety
Talk recording from React Day Berlin Conference 2018 reactday.berlin Jamie will highlight some of the common barriers we face as underrepresented people in the tech sector and how we - as a collective - can push for positive change that benefits everyone. Jamie Szymkowiak Jamie is a disability rights and LGBT activist, writer and Talent Advisor at Signavio, a Berlin tech company.
Milliseconds Matter - Bård Farstad
zhlédnutí 188Před 5 lety
Milliseconds Matter - Bård Farstad
Onboarding Mobile Developers to the Strange World of JS and React - Denis Washington
zhlédnutí 149Před 5 lety
Onboarding Mobile Developers to the Strange World of JS and React - Denis Washington
3D Components in React Application - Denys Periel
zhlédnutí 570Před 5 lety
3D Components in React Application - Denys Periel
Writing Your Own React Renderer - Raphael Amorim
zhlédnutí 2,5KPřed 5 lety
Writing Your Own React Renderer - Raphael Amorim
Optimizing the Critical Rendering Path in React - Alex Moldovan
zhlédnutí 8KPřed 5 lety
Optimizing the Critical Rendering Path in React - Alex Moldovan
Type Systems & Props Design - Exploring PropTypes, TypeScript, Flow & Reason - Nik Graf
zhlédnutí 978Před 5 lety
Type Systems & Props Design - Exploring PropTypes, TypeScript, Flow & Reason - Nik Graf
Troubleshooting a slow app, a practical guide to great React Native performance - Jean-Remi Beaudoin
zhlédnutí 8KPřed 5 lety
Troubleshooting a slow app, a practical guide to great React Native performance - Jean-Remi Beaudoin
So You Want to Use React Native in Your Mobile App? - Karan Thakkar
zhlédnutí 340Před 5 lety
So You Want to Use React Native in Your Mobile App? - Karan Thakkar
Building A Large Scale React Native App - Raphael Eidus
zhlédnutí 7KPřed 5 lety
Building A Large Scale React Native App - Raphael Eidus
Using SVG in React Native - Ori Harel
zhlédnutí 4,7KPřed 5 lety
Using SVG in React Native - Ori Harel
Framer X Inside Out - Artem Riasnianskyi
zhlédnutí 5KPřed 5 lety
Framer X Inside Out - Artem Riasnianskyi
Insights from Building Rich Animated Experiences in React - Jeremias Menichelli
zhlédnutí 268Před 5 lety
Insights from Building Rich Animated Experiences in React - Jeremias Menichelli
Leveraging Context API in Redux - Brian Mullin
zhlédnutí 572Před 5 lety
Leveraging Context API in Redux - Brian Mullin
React and GraphQL - Building Blocks - Phil Pluckthun
zhlédnutí 189Před 5 lety
React and GraphQL - Building Blocks - Phil Pluckthun
Sleeping better at night with cypress.io - Tomasz Łakomy
zhlédnutí 650Před 5 lety
Sleeping better at night with cypress.io - Tomasz Łakomy
Navigating the Hype-Driven Frontend Development World Without Going Insane - Kitze
zhlédnutí 7KPřed 5 lety
Navigating the Hype-Driven Frontend Development World Without Going Insane - Kitze
Structure Your App's Story With Sagas and Selectors - Rebecca Hill
zhlédnutí 1,6KPřed 5 lety
Structure Your App's Story With Sagas and Selectors - Rebecca Hill

Komentáře

  • @petarkolev6928
    @petarkolev6928 Před 3 měsíci

    Amazing talk! Thank you so much! Audience is boring, though! Dude is telling gold jokes and no one reacts... Btw, the audio has low volume or it's just me?

  • @xaapt
    @xaapt Před 10 měsíci

    It IS still relevant in front-end development !

  • @elchape
    @elchape Před rokem

    Reasonml sucks

  • @vivekmagarwal
    @vivekmagarwal Před 2 lety

    Excellent!!

  • @vardaansharma178
    @vardaansharma178 Před 2 lety

    That was helpful

  • @adithyakiransekar
    @adithyakiransekar Před 2 lety

    Great talk

  • @johnhammond7814
    @johnhammond7814 Před 2 lety

    Building the way you want to

  • @backtoGodhead0
    @backtoGodhead0 Před 3 lety

    Pretty neat, thank you!

  • @be2wa
    @be2wa Před 3 lety

    That is one great talk.

  • @SecretCollage
    @SecretCollage Před 3 lety

    His words made it to my quote book. Well done :clap: :clap: :clap:

  • @mostepicworld
    @mostepicworld Před 3 lety

    She usually forks the repo and doesn't write her own repo from the scratch :p

  • @AlexanderLurie
    @AlexanderLurie Před 3 lety

    can't hear, and too slow

  • @fawadtariqq
    @fawadtariqq Před 3 lety

    Great insights and very helpful! Thanks! Especially about reducing extra Views like we use divs on web and StackNavigator Footprint

  • @kailashpathak8906
    @kailashpathak8906 Před 3 lety

    Thanks For Sharing Such an awesome VIDEO. Watch the cypress talk "Execute Cypress tests in jenkins with Mochawesome reports". Looking forward for your support with my very first QA Tech talk. lnkd.in/gDdD9xM czcams.com/video/KrrO6Jg8_ZM/video.html kailash-pathak.medium.com/execute-cypress-test-case-in-jenkin-with-integrating-mochawesome-report-ca5e91a5afc4 This video is specially dedicated to the #cypress QA community and everyone out there. Thanks a lot !!!!

  • @ilyaazin7655
    @ilyaazin7655 Před 3 lety

    Breathtaking talk)

  • @domaincontroller
    @domaincontroller Před 3 lety

    05:29 performance mindset, it's start to get really technical 06:34 twitter, PWA 07:15 first paint 07:39 first contentful paint 07:56 first meaningful paint 08:32 page interactive, as soon javascript's been executed and parsed 08:55 page loaded 09:07 diagram, network 11:33 user experience, bloated, rely on javascript for everything, routing 12:24 server-side rendering 13:22 refer JavaScript <script defer> 14:15 fonts 15:40 prioritize 19:35 resource hints, async, priorities, devtools 21:10 3rd parties, zendesk, doesn't minify their scripts 21:54 GDPR , USA today 22:35 HTTP/2 23:35 tools, lighthouse, gtmetrix, webpagetest.orp 25:00 more enterprise, speedcurve, calibre 25:35 additional resources

  • @hiphopsilencej
    @hiphopsilencej Před 3 lety

    I just want to ask: why the name is MRM

    • @TuxujPes
      @TuxujPes Před 2 lety

      it is literally the very first thing he says

  • @peteraleonov
    @peteraleonov Před 3 lety

    Hello there! I'm the guy presenting in this video. I'd like to save this video to my channel. Don't you mind?

  • @mishrarahul
    @mishrarahul Před 3 lety

    Can you please provide us the medium link he is talking about techniques for server side rendering.

  • @workflowinmind
    @workflowinmind Před 3 lety

    Cocaine is bad

  • @danivicario
    @danivicario Před 4 lety

    This was a great explanation and the English was very clear. At work, we were discussing the testing approach Tyler proposes, as if you have a new yield in one particular saga, you'll need to add a test in between the preexisting ones. In any case, great tutorial! Many thanks

  • @khwsc1
    @khwsc1 Před 4 lety

    Build it once with expo for web starts at 46:34

  • @CharithDeSilva1
    @CharithDeSilva1 Před 4 lety

    Git repo for the video. Found @Tyler Clark's source on his git, didn't work due to API no longer exists. Did a bit of modification to fetch colours continuously from colr api github.com/charithdesilva/redux-saga-sample.git Thanks for the awesome intro Tyler.

  • @brandoncroberts
    @brandoncroberts Před 4 lety

    Nice explanation

  • @fabriciohenriquebatistadon1871

    Very nice video, is very helpful tip for local development, thanks for sharing the video

  • @hectorespoz7339
    @hectorespoz7339 Před 4 lety

    This is great! Nice presentation, Hugo is the best!

  • @xe4me
    @xe4me Před 4 lety

    What a tough audience, I can't believe no one clapped at the animated graph

  • @toan_mobi
    @toan_mobi Před 4 lety

    Great talk! very entertaining with this one

  • @zabzab6128
    @zabzab6128 Před 4 lety

    3:18 sketch icon should be replaced with the figma icon 😂

  • @ericsandlers278
    @ericsandlers278 Před 4 lety

    Almost 1.5 year ago posted and just 5000 views with 8 comments. What he said was soooo fucking true.

  • @YobertyAlej
    @YobertyAlej Před 4 lety

    Thanks!

  • @spudlogic
    @spudlogic Před 4 lety

    Great talk! And good job with the pictures! They were really funny :D

  • @ssokurenko
    @ssokurenko Před 4 lety

    The video starts at 10:26

  • @sergejivanoff2789
    @sergejivanoff2789 Před 4 lety

    OMG, this guy so cool!))) Great Talk!

  • @warkentien2
    @warkentien2 Před 4 lety

    Good speech. Awesome pointers!

  • @notthere83
    @notthere83 Před 4 lety

    I wonder how many people know whether Exa or Zetta is larger without googling it. XXS and XXL on the other hand are common clothing sizes. If you need more than 7 size variations, maybe there should be a discussion about that. ;)

  • @notthere83
    @notthere83 Před 4 lety

    I always find it funny when I hear about companies that scale and scale and scale and new products, new products while having a lot of legacy code at the same time that still needs to be supported. Sounds like mismanagement and disasters waiting to happen. But I guess that's just how businesses operate these days.

  • @f3-funandfrustration252

    Hai Sir, <SvgUri width="200" height="200" source={{uri:"./logo.svg"}} /> It is getting error like console.log "Error SVG " Type Error networkrequested failed Can you pelase help in regarding this

  • @Textras
    @Textras Před 4 lety

    Glass 3/4 full.

  • @rainbows4dinos
    @rainbows4dinos Před 4 lety

    This is the most practical, helpful presentation on design systems I’ve seen so far. Thank you!

  • @StuffyNose6070
    @StuffyNose6070 Před 5 lety

    AT 09:55 He said the DOM will not be constructed until the resources come back. Is that correct? I thought the browser fires off requests to fetch those resources and then continues constructing the DOM tree.

    • @prajitorul
      @prajitorul Před 4 lety

      Hi, I just saw this comment :) So it's a bit more complex, but they way I understand it is: the browser fires up the requests, continues parsing the DOM, but until all the resources in the <head> are fetched and parsed themselves (eg: css, js) the browser will not show any element on the screen.

  • @ruyannng8959
    @ruyannng8959 Před 5 lety

    thats a lot of ummmmm ummmmm ummmmmmm..................

    • @iuliu_
      @iuliu_ Před 3 lety

      developers are weird man... but I'm pretty thankful for the insight nevertheless

    • @erider_spider
      @erider_spider Před 3 lety

      I read this comment before watching and it was all I could focus on lmao

  • @scheme4685
    @scheme4685 Před 5 lety

    Cool video! Maybe everyone just hates because of the swearing

  • @nickmaxwell10
    @nickmaxwell10 Před 5 lety

    Possibly the best presentation ever. I could make trap beats and code React with this dude all dey...

  • @FrancisGulottaRobo
    @FrancisGulottaRobo Před 5 lety

    Seems like he’s trying to push his career as a software developer? ^^ I liked the beginning of the video and then I couldn’t concentrate anymore, a little more neutral presentation would have been more useful for me. I would have preferred to hear more about his music.

  • @mathierco
    @mathierco Před 5 lety

    Link to the GitHub Repo: github.com/raphamorim/react-song

  • @Laura-ue9ut
    @Laura-ue9ut Před 5 lety

    Seems like hes just trying to push his career as a music producer? ^^ I liked the beginning of the video but then couldnt concentrate anymore, a little more neutral presentation would have been more useful to me.

  • @elephant_888
    @elephant_888 Před 5 lety

    "What developers don't want to talk about..." So bloody true! 😞😞😞

  • @kanji_nakamoto
    @kanji_nakamoto Před 5 lety

    This project is great! I do remember the original version but never used it. There are a few critics against the use of generated code, but myself (coming from more than a decade of code, Actionscript, Flex, LAMP, Codeigniter, Backbone, Angular, React), I think this speed up development time and focus in what really matters! For the past 2/3 years, I've been implementing systems where components come from a Component Library - these components are for presentation only, are what I define as dumb and super reusable; A tool like Framer X, should be able to provide it quickly; I couldn't care much about the quality, since I mostly import from a delivery/production uglified version into the main systems or projects. Framer X team, congratulations! Hope you can bring this up to the Flutter community too!

  • @elephant_888
    @elephant_888 Před 5 lety

    This task is soooooooo appropriate!!!!!! 5 Stars!!!