React Workflows Without Create React App
Tonight I gave my first tech presentation (ever), and it was about creating your own React workflow without using create-react-app
. I was nervous at first, but then after a minute or two, I relaxed and rode with it. 17 minutes into it, I was signaled that I only had 5 minutes left, and I still had 11 minutes to go. I had timed it quite a few times, and brought it down to 28 minutes. Yikes! Well, I was as cool as a cucumber and skipped part of it to move onto the section on configuring POSTCSS and then onto configuring Jest for React after that. Luckily, I wrote the presentation in such a way that even though I might have skipped over a part of it, people still could refer to the whole thing online without missing out on anything.
I know that to most developers, talking about creating your own React workflow from scratch without the help of create-react-app
, and dissecting each step might not be at all "sexy". However, I felt very strongly about presenting it. I know from my own experience that developing a good automated workflow is hard, and takes a long time to master and refine. It is also the area that developers don't want to spend too much time on to understand what is under the hood. We search for quick boilerplates or completed workflows we can copy from without really understanding why and how it works. Workflow deep dives mean taking time away from learning sexy JS, JSX, React, or the latest in GraphQL or Apollo. But these workflows save us so much time in the long run. Understanding how and why these automations work also permits us to expand our developer toolkits and horizons.
I felt it important to share some of the webpack fundamentals
related to React that I amassed over time with others so that they could open their eyes to the possibilities available to them. And I am very grateful to the ReactNYC team for giving me the opportunity to present tonight!
Top comments (9)
Congrats!
Thanks Ben!
Congrats! I also did my first talk on workflows!
It's such an underrated part of programming. Want to make your life easier in the long run? Learn how things work, especially on the command line.
Can't optimize what you don't understand!
And congrats to you too!
Exactly!!! Thanks Aly Sivlyi!
Congrats on the first presentation. :)
Thanks!
Congrats! I admire ppl like you, I would π©.
I use react but never used create-react-app, I didn't knew it's a huge thing by now.
Thanks! I don't use create react app either (anymore). I like creating my own automated workflows, so that's why I decided to give this presentation. Because it seemed that too many people/places were teaching React with CRA. And then you don't learn anything about what is under the hood to make things happen!