The goal of this channel is to teach web development, including all the tools and techniques related to building and maintaining modern web applications.
Hey, awesome video! I had a lot to learn. I need some help. Initially, the project I'm working on had a 'components' folder containing all the Box, Button, Input, etc. My project simply used those components. We decided to move to a monorepo approach. I successfully used Rollup to create that bundle. The bundle size in its unzipped form is around 132 KB. However, when I include it in our project and import Buttons or Inputs in many files, and try to build this project (since it's also a React library), the bundle size increases exponentially. After replacing all occurrences with component imports and building it, my bundle size increased by 16 MBs. I've tried what I could, but I really need help to resolve this. For now, I've simply marked it as external, but I want to understand the root cause of this problem and how we can fix it. I would really appreciate your help if possible !
Amazing videos. We are waiting for more. One small note: tailwindcss doesn't have "border-1". The smallest is "border-2". So "border-1" doesn't really do anything. Anyway, I am really hoping you find the time to make more videos.
Two years on and this is still an amazing video to jumpstart my indexeddb journey. Thanks for doing this. As others have said, your teaching style is outstanding.
Isn't it true that libraries like React or Frameworks like Angular need to have/run/use their own specific version of Typescript? Or can we just upgrade their versions as we see fit?
Your teaching style is amazing Alex. I love the way that you explain terminology and don't assume we know things straight out of the gate. IndexedDB is much clearer to me now - and for that I thank you! I really wish you had a beginners video on React, would have taught me a ton I'm sure.
if you are developing in docker environment maybe its not necessary the create a .nvmrc file, because you can define your versions inside the docker image.
Now how do we deploy this? Say instead of React we had a Next.js front-end. How would we configure this so that we can host the Next app on Vercel and the backend Express app on, say, Railway or Heroku?
A patient, detailed and perfectly explained walkthrough. You deserve much more views mate. Thank you for teaching us once again. I hope you continue to do so.
@AlexEagleson or anyone else have an example on how to use scss files and/or module.scss files in a rollup project, instead of pure css? I tried installing rollup-plugin.scss but I can't get it to work. Thanks for an awesome video.
We really need more of this type of tutorials instead of all the other tutorials where they only go over the most basic stuff and then you get into a company and you realize you know nothing and all those videos were useless for a company environment.
Currently, this setup is not working with: "react": "^18.2.0", "rollup": "^4.3.1", "typescript": "^5.2.2" So I need to * install ts-node globally: npm install -g ts-node * install tslib: npm install tslib --save-dev * add bundleConfigAsCjs flag to rollup command: "rollup -c --bundleConfigAsCjs" * add "type": "module" to package.json * add to tsconfig : "ts-node": { "esm": true } and then it finally works... not sure each step is necessary or not.
Hi Alex, I love the tutorial, thanks a lot, however there is something that happens to me and I do not know if it is correct, it happens when I set my .npmrc file in my "home", I can publish the package without problem, but, when I try to create a new app (npm create vite@latest) it tells me that the command was not found because it tries to search in my registry, I have to go to the .npmrc file and comment everything to use npm normally, that is correct or I did something wrong in my confiugracion?
Thanks for the tutorial, not very often i see such much detailed project-setup, i have one suggestion that in the next-js app router the layouts gets replaced with the new app router thing
I still refer back to this video. It is very helpful. I mean, you have to look up specifics when following this because versions have changed and this video is old. But its still good to set up a directory correctly for an application.
I don't usually comment, but holy cow I've been searching for someone to explain how to create a library component with such detail and you did it so wonderfully, also implementing jest and storybook in the end was the cherry at the top. I've watched every minute of the video, will save it and will probably watch it again several times when I try to create my Library component. Thank you so much!! 👏👏🔥🔥🔥