The work that you don't see

Slide 1

Slide 1 text

the work that you don’t see

Slide 2

Slide 2 text

before we start lorenzo sciandra @kelset senior software engineer @ microsoft maintainer & releaser of RN (5+ yrs) who am i #ChainReact2023 19-may-23 @kelset 2

Slide 3

Slide 3 text

the problem statement #ChainReact2023 19-may-23 @kelset 3

Slide 4

Slide 4 text

#ChainReact2023 19-may-23 @kelset 4

Slide 5

Slide 5 text

#ChainReact2023 19-may-23 @kelset 5 the drama 🎭

Slide 6

Slide 6 text

#ChainReact2023 19-may-23 @kelset 6 the roaring silence 🫥

Slide 7

Slide 7 text

#ChainReact2023 19-may-23 @kelset 7 the roaring silence 🫥 https://github.com/facebook/react-native/wiki/Roadmap

Slide 8

Slide 8 text

#ChainReact2023 19-may-23 @kelset 8 feedback loop? 🤔

Slide 9

Slide 9 text

#ChainReact2023 19-may-23 @kelset 9 feedback loop? 🤔 https://github.com/react-native-community/discussions-and-proposals/discussions/546

Slide 10

Slide 10 text

#ChainReact2023 19-may-23 @kelset 10

Slide 11

Slide 11 text

#ChainReact2023 19-may-23 @kelset 11

Slide 12

Slide 12 text

#ChainReact2023 19-may-23 @kelset 12 ➡ TRUST IN THE PROJECT Fear, Uncertainty, and Doubt

Slide 13

Slide 13 text

#ChainReact2023 19-may-23 @kelset 13 💧 can we trust it?

Slide 14

Slide 14 text

#ChainReact2023 19-may-23 @kelset 14

Slide 15

Slide 15 text

…how to handle it? #ChainReact2023 19-may-23 @kelset 15

Slide 16

Slide 16 text

…how to handle it? #ChainReact2023 19-may-23 @kelset 16

Slide 17

Slide 17 text

💡 #ChainReact2023 19-may-23 @kelset 17

Slide 18

Slide 18 text

being boring #ChainReact2023 19-may-23 @kelset 18

Slide 19

Slide 19 text

what people talk about what people don' talk about react native #ChainReact2023 19-may-23 @kelset 19

Slide 20

Slide 20 text

what people talk about what people don' talk about the boring bits #ChainReact2023 19-may-23 @kelset 20 react native

Slide 21

Slide 21 text

are you excited to be BORED? 🎉 #ChainReact2023 19-may-23 @kelset 21

Slide 22

Slide 22 text

the f irst victim topic releases…but not how you think #ChainReact2023 19-may-23 @kelset 22 https://reactnative.dev/blog/2023/01/12/version-071

Slide 23

Slide 23 text

releases…but not how you think when i started #ChainReact2023 19-may-23 @kelset 23 ⚠ ⚠ ⚠ https://github.com/facebook/react-native/releases/tag/v0.57.4

Slide 24

Slide 24 text

releases…but not how you think now #ChainReact2023 19-may-23 @kelset 24 ✅ ✅ ✅ ✅ https://github.com/facebook/react-native/releases/tag/v0.71.3 https://github.com/reactwg/react-native-releases/discussions/58 https://reactnative.dev/blog/2022/09/05/version-070 https://reactnative.dev/contributing/release-branch-cut-and-rc0

Slide 25

Slide 25 text

releases…but not how you think future #ChainReact2023 19-may-23 @kelset 25 https://github.com/facebook/react-native/pull/36267

Slide 26

Slide 26 text

releases…but not how you think why is it good? #ChainReact2023 19-may-23 @kelset 26 ⚖ more stable releases 🫀 less human error

Slide 27

Slide 27 text

releases…but not how you think why is it good? #ChainReact2023 19-may-23 @kelset 27 ⚖ more stable releases 🫀 less human error https://rn-versions.github.io/

Slide 28

Slide 28 text

#ChainReact2023 19-may-23 @kelset 28

Slide 29

Slide 29 text

we can do better #ChainReact2023 19-may-23 @kelset 29

Slide 30

Slide 30 text

MORE BORING MORE CONVOLUTED #ChainReact2023 19-may-23 @kelset 30

Slide 31

Slide 31 text

the monorepo the problem #ChainReact2023 19-may-23 @kelset 31 📁 /react-native

Slide 32

Slide 32 text

the monorepo the problem #ChainReact2023 19-may-23 @kelset 32 📁 /react-native 📦 "react-native" - 0.71.0 📦 "@react-native/assets" - 1.0.0 📦 "@react-native-community/eslint-con f ig" - 3.0.1 📦 "react-native-codegen" - 0.0.15 📦 ... 📁 /react-native/packages/ ⚠ ⚠ ⚠

Slide 33

Slide 33 text

the monorepo the problem #ChainReact2023 19-may-23 @kelset 33

Slide 34

Slide 34 text

the monorepo the solution #ChainReact2023 19-may-23 @kelset 34 📁 /react-native 📦 "react-native" - 0.71.0 📦 "@react-native/assets" - 1.0.0 📦 "@react-native-community/eslint-con f ig" - 3.0.1 📦 "react-native-codegen" - 0.0.15 📦 ... 📁 /react-native/packages/

Slide 35

Slide 35 text

the monorepo the solution #ChainReact2023 19-may-23 @kelset 35 📁 /react-native/packages/ 📦 "react-native" - 0.72.x 📦 "@react-native/packager-assets" - 0.72.x 📦 "@react-native/eslint-con f ig" - 0.72.x 📦 "@react-native/codegen" - 0.72.x 📦 ... ✅ ✅ ✅ ✅

Slide 36

Slide 36 text

the monorepo 0.72 is going to be the f irst of the new era #ChainReact2023 19-may-23 @kelset 36 https://github.com/facebook/react-native/commit/714b502b0c7a5f897432dbad388c02d3b75b4689

Slide 37

Slide 37 text

the monorepo 0.72 is going to be the f irst of the new era #ChainReact2023 19-may-23 @kelset 37 👏👏 https://github.com/facebook/react-native/commit/714b502b0c7a5f897432dbad388c02d3b75b4689

Slide 38

Slide 38 text

the monorepo why is it good? #ChainReact2023 19-may-23 @kelset 38 🔍 allows for further granularity 🧩 more control (and automation) 🤗 easier to contribute

Slide 39

Slide 39 text

massively boring 📉 very exciting future 📈 #ChainReact2023 19-may-23 @kelset 39

Slide 40

Slide 40 text

( #ChainReact2023 19-may-23 @kelset 40

Slide 41

Slide 41 text

🤔 How has this all been happening? #ChainReact2023 19-may-23 @kelset 41

Slide 42

Slide 42 text

🎻🎺🎷🪗🪕🎸🥁 #ChainReact2023 19-may-23 @kelset 42 https://github.com/facebook/react-native/blob/main/ECOSYSTEM.md https://github.com/react-native-community/discussions-and-proposals/pulls https://github.com/microsoft/rnx-kit/discussions/categories/bundle-working-group

Slide 43

Slide 43 text

How can 🫵 get involved? #ChainReact2023 19-may-23 @kelset 43

Slide 44

Slide 44 text

#ChainReact2023 19-may-23 @kelset 44 how to get involved shaping react-native My personal recommendations: 1. come up with your proposal - think it through 2. draft up a document, a few graphs (ex. Excalidraw) 3. show it to a few people, get feedback 4. establish a collaboration with Meta 5. open the proper RFC in the discussion-and-proposal repo 6. execute on the plan and co-own it

Slide 45

Slide 45 text

shaping react-native how to get involved the two changes I've shown are “made by Microsoft” #ChainReact2023 19-may-23 @kelset 45

Slide 46

Slide 46 text

made by Microsoft #ChainReact2023 19-may-23 @kelset 46

Slide 47

Slide 47 text

made by Microsoft #ChainReact2023 19-may-23 @kelset 47 🖥 react-native-macos 🪟 react-native-windows 📲 react-native-test-app 🌟 rnx-kit 📏 align-deps 📏 metro-serializer-esbuild 🪟 hermes-windows and much, much more!   👉 https://devblogs.microsoft.com/react-native/   🐦 @ReactNativeMSFT

Slide 48

Slide 48 text

Let's close this ) off! #ChainReact2023 19-may-23 @kelset 48

Slide 49

Slide 49 text

concluding 🌞 React (Native) not just 🎭 There is a lot going on under the surface Key companies are heavily invested in its success #ChainReact2023 19-may-23 @kelset 49

Slide 50

Slide 50 text

concluding 🌝 Meta will listen and (might) help you You need to know where to 👀 Be ready to put in the work #ChainReact2023 19-may-23 @kelset 50

Slide 51

Slide 51 text

when we cut out all the noise, React Native is one of the safest bets in the entire Open Source space #ChainReact2023 19-may-23 @kelset 51

Slide 52

Slide 52 text

#ChainReact2023 19-may-23 @kelset 52 TRUST IN THE PROJECT

Slide 53

Slide 53 text

thanks for listening! lorenzo sciandra @kelset slides, email, everything ➡ kelset.dev enjoy ChainReact ❤ #ChainReact2023 19-may-23 @kelset 53 Thanks Jamon, Gant and the IR team for making this awesome conference!