As you might know, configuring webpack isn't the most fun thing in the world and that's exactly the reason why I wrote a thick book about it.
For many React users, either Create React App (CRA) or framework such as Next.js hides a lot of the complexity.
In this interview, we'll learn about a new solution called Rockpack from its creator Sergey Aleksandrov.
In my free time, I develop my project, Rockpack, and other open source tools.
The main goal of Rockpack is to reduce project setup time from weeks to five minutes.
Rockpack allows you to create a React project with a correctly configured webpack, ESLint, Jest, and related tools.
You get a project with server-side rendering support, CSS (SCSS, LESS) Modules, @loadable, SVG as React Component, TypeScript or Babel, support for many file formats, performance optimizations, and so on. Rockpack provides powerful tools for logging and localization.
There are several cases where Rockpack is useful:
Rockpack was built on three ideas: extensibility, modularity, and ease of use.
Let's assume we have created an application with rockpack/starter and we want to extend the configuration. Instead of ejecting, like you would do in CRA, you can override any webpack property while still having the possibility to keep your configuration up to date.
If you have an existing application, but you need to add server-side rendering, you can add rockpack/ussr and rockpack/compiler to your project. Doing this converts your application for SSR.
Rockpack doesn't decide for you how to design an application. You can use any solution for state management, use any libraries, make any project structure, design any architecture approach, and so on.
It took a long time to develop Rockpack. It all started in mid-2017 when my friend and I decided to create our product - Cleverbrush. It is an online vector photo editor and collage builder. It consists of 5 applications:
Initially, we had to create our webpack.config for each application and monitor dependencies. The duplication meant we had to fix issues in five places and each time we added features, we had multiple places to modify.
We endured it until we found customers. Customized versions for them required all the same actions, and the routine grew exponentially. Then I thought, what if I write the config once "correctly" to correspond to most types of projects, and we won't have to edit it every time, update dependencies, etc.
To save money, we test through logging as described the Log Driven Development article.
Rockpack proved to be excellent in solving our project's problems, and I thought that it might be useful not only for us but for the community in general.
I want to cover the compiler module with end-to-end tests and add more articles to the official site and Q&A.
Read the interview about end-to-end testing to learn more about the topic.
The long term goal is migration to webpack 5. The process will not be easy since many plugins haven't been adapted to the new version at the time of writing.
Speaking about the overall state of web development, currently, I can claim it's relatively stable. The development of the language and frameworks is much smoother than before. We have reached a plateau of productivity, where we are ready to solve real problems.
Set achievable goals for yourself. Start with something simple, so that encourages and motivates you.
One more thing that helps me is creating a plan for the day. I use a large whiteboard on the wall to create a todo list with tasks. Seeing real goals in front of you makes it harder not to achieve them.
Do not be afraid of not knowing something and making mistakes. We are not robots. We are humans - and humans make mistakes, and that's okay.
Our Ukrainian community is very diverse and vibrant. But among all, my top three are:
Illya Klymov is a Rockstar who makes tons of useful content and has invested titanic efforts in developing the Russian-speaking community. He is an easy-going, erudite person, communication with who will be very interesting. He has his own YouTube channel with unique content
Vladimir Agafonkin is a creator of a trendy library Leaflet
Yuri Artyukh - he also has YouTube channel. The creativity of this person impresses everyone!
SurviveJS is a considerable contributor to the React community; thanks a lot for promoting projects like Rockpack!
Thanks for the interview, Sergey! It's going to be interesting to see how the community adopts the project. I know CRA and Next.js are the standard starting points for many but at the same time there's still room for innovation and improvement.
Learn how to get started fast with Rockpack. See also the projet on GitHub.