meetup icon indicating copy to clipboard operation
meetup copied to clipboard

Component hell & how to try and escape

Open nk2580 opened this issue 6 years ago • 12 comments

Summary of talk

a journey through component sharing and the difficulties it creates

Details

Title of the Talk
Component hell & how to try and escape

Description of the Talk
a walkthrough of the experiences, key learning and wishlists for component sharing in React applications. the challenges faced integrating Bit, Lerna, Yarn workspaces and my eventual preferred solution (basically an NPM package with some strict tooling).

Length of the Talk
Approximately 8 Minutes

nk2580 avatar Feb 08 '19 05:02 nk2580

@nk2580 Thanks for making the issue, looking forward to this one 😻 Want to do it during the March meetup?

loklaan avatar Feb 09 '19 23:02 loklaan

@loklaan happy to talk at either the February or March events.

nk2580 avatar Feb 10 '19 02:02 nk2580

March is ideal! 😸 I'll add you to the next one.

Also I'd like to say thanks, it's lovely to get early speaker buy-in!

loklaan avatar Feb 21 '19 09:02 loklaan

@loklaan happy to do March, actually starting the Brisbane Flutter community on the 28th so timing ends up working better.

nk2580 avatar Feb 21 '19 11:02 nk2580

@nk2580 We're changing up the date actually! You're the first to know. Last week of the month was getting to heavy with other meetup's so we've jumped back to the third week (where we were most of last year).

loklaan avatar Feb 21 '19 12:02 loklaan

Hey @nk2580, how're ya travelling for this talk? Just a friendly reminder that the event is on next week, and that I'm stoked to hear you present! 😊

loklaan avatar Mar 10 '19 23:03 loklaan

so it would seem that the entire issue i was having can be really easily resolved with this https://github.com/facebook/create-react-app/issues/1333#issuecomment-474762001

my talk is now no longer valid, sorry guys

nk2580 avatar Mar 27 '19 04:03 nk2580

loklaan avatar Mar 27 '19 07:03 loklaan

That would be a great end a talk actually haha, but I don't think it invalidates anything.

Not to mention not everyone will/should use CRA.

How about a talk on using CRA in a monorepo?

loklaan avatar Mar 27 '19 07:03 loklaan

Fair Enough.... can do that instead.

nk2580 avatar Mar 27 '19 07:03 nk2580

so it would seem that the entire issue i was having can be really easily resolved with this facebook/create-react-app#1333 (comment)

my talk is now no longer valid, sorry guys

@nk2580 Nik, I'm glad you found my solution helpful. I can't begin to tell you how frustrating the whole process was!!

You might be interested to know that lerna add does not allow me to import/use different versions of the Storybook library (which I've published to a private NPM repo).

i.e. using commands like the following does not update library versions in each consumer app:

lerna add my-storybook-lib --scope=my-consumer-app1 --dev
lerna add [email protected] --scope=my-consumer-app2 --dev --exact

Instead, I'm now using lerna update wizard to manage versioned dependencies in my consumer apps.

basher avatar Mar 27 '19 11:03 basher

@basher thankfully my use case allows me to sync versions of create react app and storybook across all my packages.

This is a good example of a note that should be added to the docs though

nk2580 avatar Mar 27 '19 13:03 nk2580