Inspiration and topics discussed in our MB.io tech community in January

Also in 2023, we would like to share with you the news that is being discussed in our tech communities. You will surely find some inspiring topics.

Framework or not

Write reactive components without frontend frameworks. Should you be using a framework or not? Here at MB.io, we’re always taking a serious look at this topic. Let’s put the hype aside for a moment. You can write reactive components without relying on a frontend framework. Frameworks provide a more straightforward way to write web apps. React, SolidJS, Svelte, and Lit all offer this. The article explains the features and how the various frameworks works, as well as the associated costs.

Get rid of Pre-commit hooks

This video has met with much agreement from our developers. Pre-commit hooks block frequent code commits of intermediate work. This blocks productivity on the developer’s machine. It is better to run tasks on the server where you check for general linting rules or similar. The pull request serves as your final quality gate.

CSS pseudo-classes

The browser support for the new CSS pseudo-classes has risen sharply in the year 2022. It’s time to look at their benefits. Kevin Powell explains them in an insightful way in his video. Covered are :is(), :where() and :has(). Using these makes writing rules easier, and more manageable. It also changes how specificity behaves.


Chrome DevRel Team top Core Web Vitals recommendations for 2023 In the new year, have the resolution to make your websites more pleasant to use for your users and work on the performance. The Chrome DevRel team answers this question in the article: “what are the most important recommendations we can give to developers to help them improve performance for their users? They name the most important levers with explanations and suggestions for implementation.


SVG Reference

If you want to learn more about SVGs and their possibilities, have a look at this Interactive SVG Reference. You can learn what and how to implement it. After going through it, take a look at the collection of color tools and free SVG generators.


input type=”number”

This article follows an interesting discussion of the input type=”number”. In a detailed explanation of the problems, which the use of the input type number brings with itself, you learn which things you must pay attention to.


Just

Just, a Command Line toolkit for developing Spring Boot applications With features like Live Reload, Docker support, and with a single command, you can run anything. It’s worth a look.


Articles from Mb.ioneers

Our colleagues have also been active in writing articles recently.

Javier shares with us the first part of his article series on improving documentation. Read it, get inspired, and improve your product documentation in a structured way.

Miroslav shares his experience of switching to Raycast and how it boosted his productivity.

In addition, Vladimir has written an article about Microfrontends with Import Maps.

Thanks to all who share their knowledge in our company in this way and use our communities to exchange ideas. Stay curious!

(Image by Theo Eilertsen Photography on Unsplash).

Our top 5 topics in November by the tech practice circle

This month, the developers had stimulating conversations on MS Teams, sharing their opinions.

Sticky Scroll

Many of our frontend developers at MB.io use Visual Studio Code. The VS Code team has released a new setting that helps you keep track of your file. Sticky Scroll, this feature shows the class/function you are currently working on at the top of the editor. Just enable it in the settings: “editor.stickyScroll.enabled”. Watch the short video and let it explain the behavior.

The Microsoft Edge Dev Tools extension for VS Code

The title of this article was so catchy that it spoke directly to me: “The Microsoft Edge Dev Tools extension for VS Code is so awesome that I’m ditching Chrome for web development”. What do you think? Will you try the visual studio code extension?

State of frontend 2022

Over the past two years, the IT industry has been undergoing major changes, especially in the area of frontend development. In this report, 3703 frontend professionals from 125 countries and 19 frontend experts were surveyed to get an accurate overview of current trends and the future of frontend. The goal is to provide insights on topics such as technologies, practices, and working conditions. This survey is a good starting point to discuss the insights in the team, to read trends for ourselves and to find out what we want to focus on in the future.

100 Seconds of Code

Curiosity and the will to learn something new every day is in the genes of us as developers. Especially easy to consume are the contents of this playlist: 100 Seconds of Code. Watch one of the clips every day and you will have 133 days of fresh input. The basics and commands for tools, technology or frameworks are covered.

Practical Accessibility a online video course

A self-paced, get-right-down-to-it online video course for web designers and developers who want to start creating more accessible websites and applications today. The course is by Sara Soueidan an inclusive design engineer, author, speaker, and trainer. Because accessibility is important to us at Mercedes-Benz.io, one of our A11y gurus in our company will definitely be watching the course.

free-for.dev

Experimenting and trying out innovative new tools and services is vital in the life of a developer. This git links collection gives you the opportunity to browse what’s out there and especially which is free to use for developers. From major cloud providers, to source code repos, web hosting, analytics, to game development, you name it. What will you try next?


Thanks to all who share their knowledge in our company in this way and use our communities to exchange ideas. Stay curious!

JOIN OUR TRIBE OF DIGITAL ENTHUSIASTS

View job openings

Photo by Tim Stief on Unsplash

Our top 5 topics in august by the tech practice circle

Summertime = vacation time. And we also need a well-deserved vacation. Nevertheless, some subjects were surfed and shared by our developers. This time, topics from the following areas are included: Open source, Rocket science, Tailwind, Chrome DevTools features, and Quality Assurance.


Javascript is rocket science after all! Working on complex systems, with endless lines of javascript and websites with millions of users a day, can be pretty exciting. If something goes wrong and a service is down for a while, that’s bad and not the user experience we want to provide for our users. Fortunately, though, we don’t do rocket science. So it was surprising for us to learn that the James Webb Space Telescope uses Javascript to control the telescope. Read the details in the article from the verge. It made me kind of proud that being a javascript developer can be rocket science.


Use Tailwind Without Tailwind In the article, Helmuth highlights the benefits of using tailwind, or what you can learn by taking a closer look. Tailwind is not part of our preferred tech stack, but it’s great to have the opportunity to look over the edge. As you can imagine, the reaction and attitude regarding Tailwind have been somewhat divergent. That’s the great thing about being able to disagree.


Chrome Devtools Recorder Recording user flows is a totally exciting feature. Not only can you record and replay flows to debug your application, but you can also export them and share them with others to track the exact error. This improves bug descriptions immensely. You can also export them with the respectively installed plugins in formats of common testing and performance tools. The individual recorded steps can of course be manipulated and additional ones added.


“uncurled” by Daniel Stenberg Daniel Sternberg writes about his experiences from over 30 years in the open source world. The inventor of Curl and open source enthusiast of course makes his work freely available and invites collaboration by using GitBook. Recommended reading for all who are interested in open source that wants to get an insight into his attitude, projects, what he thinks about funding, and how the open source world has changed over time.


5 Effective Steps to Align Testing with DevOps Our Quality Assurance team is already top notch and I read many things that are already implemented at Mercedes-Benz.io. Nevertheless, the article gives some interesting impulses on how to set up your QA team and your processes.


I would also like to draw your attention to the articles published on our blog by our esteemed colleagues.

Ricardo Brilhante has written an excellent text about AGILITY: IS FAILING AN OPTION? I don’t want to foreshadow how he answers this but we have “The Failure & Innovation Award” in our company for a reason.


We also have another part of the ARTICLE WRITING series, this time with a part about: FEEDBACK AND HOW WE INTEGRATED IT WITH A DEVELOPER </STYLE> Have a read and learn how to deal with feedback while writing and how we support that at Mercedes-Benz.io.


A heartfelt thank you to all who encourage discussion and distribute wisdom by sharing these stories. Hang loose and stay curious! Photo by Robert Bye on Unsplash.

JOIN OUR TRIBE OF DIGITAL ENTHUSIASTS

View job openings