Latest Updates: Babel, Redux and Firefox - Frontend News #9 | frontendhouse.com
Guy with notebook

May 12, 2021

Latest Updates: Babel, Redux and Firefox - Frontend News #9

Krzysztof Wyrzykowski

CTO

Tomasz Krajewski

Frontend Developer
Share

Watch the Frontend News #9 - the podcast about tech and front end innovations with our hosts - Chris and Tommy K. You can always ask us any question during free consultation on https://frontendhouse.com.

What is Frontend News #9 about?

  • 1:00 - Contents
  • 1:31 - Babel 7.14 arrived
  • 2:58 - Redux updates
  • 4:18 - Vue dropped support for IE11
  • 6:10 - Strapi and internationalization - what’s in common?
  • 7:40 - New Fox in the family

Did you like the video? Share it and leave comments. See you! Chris: Hey, guys, meet the new podcast: welcome to the 9th episode of the Frontend news podcast. Today, we have five pieces of news for you. Each of them is amazing. But first, let's see the intro. OK, but what is the news without our lovely speaker? I'm here with Tomasz. Hey, how was your week?

Transcription

Tommy
Hey, Chris, it was quite fine. Nothing to complain about. But maybe one small detail I want to mention. I'm not the speaker. I am a podcaster. Thank you.
Chis
OK, I lost my flow. So let's go straight to the news, the first one is going to be about Babel 7.14 Update.
Tommy
The second one. It's about the Redux Updates. Next, we will talk about Vue which is dropping support for IE11. The fourth one is about Strapi and internationalization and what's in common.
Chris
And the last one is about the Firefox release. Guys, get ready to rumble. Go ahead!

Babel 7.14 arrived


Tommy
Cool. So, as Chris mentioned, the first news is about the Babel release and the new version is 7.14. The biggest news is the Babel team decided to enable class fields and private methods by default. And this has been a move to stage 4. And this will be included in the ECMAScript 2022. So for now, before it will happen, we need to use the Babel and see how that's the biggest news from what's inside. And obviously, as always, if you want to check more, just take a look into the release notes and documentation. We have all the links in the description. Am I correct, Chris?
Chris
Of course. Stage 4, sounds amazing. What are those stages?
Tommy
We've got like different stages for how the ECMAScript is being developed and it's like from zero to four. And each of the stages has some rules on the purpose of why it exists. OK, so for example, the stage zero are some proposals of the JavaScript updates that need to be deeply checked and, you know, developed more. And it's not being said that if something is in stage zero, it will be included into the final release. So it's just different stages, you know, different validations. And yeah, that's why we have those different stages.
Chris
Sounds good. Thank you so much for your explanation. So now let's go to the Redux Update. As always - check the documentation.

Redux Update


Tommy
Yeah. So for those who are familiar with the Redux environment, probably you have met Redux. Did you use Redux?
Chris
Yeah. Like everyone a couple of years ago.
Tommy
A couple of years ago. Yeah. It depends on the project we have. Yeah, we have the React context. We have, for example, observers. Yes. Am I correct?
Chris
Always correct.
Tommy
Thank you, Chris. It's really nice to hear that. Yeah. We have a new version of the Redux. It's a four point one. One of the biggest changes inside is that now we can extract the error messages like similar way we have in React. And the messages will be displayed in the development mode, like full info for information about the error that has appeared in our stage manager. But in production, we will receive the error code, the specific code we can check in the Redux documentation.

Yeah, that's the biggest change for development teams. Of course, there are some smaller improvements available, changes, updates that are worth checking. So as always, open the release notes. Links are in description, guys. What else?
Chris
So we know everything about Redux. I mean from the latest update at least. So now, Thomas, explain to us why this Vue.js and Angular dropped the support for IE11.

Vue.js and Angular dropped the support for IE11


Tommy
Oh really. Yeah. Yeah, I'm just kidding. Yeah, I know that most of you guys remember the days when we need to support Internet Explorer seven, eight, nine. We remember that. Yeah. And, and so on. So for now we received the Edge browser that is the next gen browsers from the Microsoft family, let's call it next gen. The time has come. It was a long time with the Internet Explorer, but nowadays more and more tools, plugins technologies are dropping the support for the Internet Explorer at all and their Vue 3 and Angular framework. They finally dropped the support for the Internet Explorer eleven. So if you guys are planning to create a web app that we need to work on Internet Explorer 11, you won't use the newest version of those tools and your code will be legacy code. Start from the beginning. So you need to make a decision. Is it worth starting the development for Internet Explorer nowadays? I think not, but that's my opinion.
Chris
That is your opinion. Obviously, but sometimes we need to. So I'm wondering, how about React? Are they still supporting it?
Tommy
According to your question, React still support the Internet Explorer 11, but I believe that in the nearest future they will also decide to drop their support.
Chris
OK, so let's go to the Strapi.

Strappy and internalization - what’s in common?


Tommy
Yeah, Strapi - version 3.6.Yeah, this is the newest version of the Strapi. But first thing first, I believe most of you have used the CMS, for example, WordPress, which was really famous and is still very famous.
Chris
Is it? I think today is like a more headless time today.
Tommy
Exactly. This is the key word. Headless CMS and the Strapi is the great, great example of the headless CMS we can use and accommodate unto our projects. And it's really worth the check. It gives all the tools we need to manage our web content and work with it. So what's more, it's really easy to integrate. I know we will use it with the next JS project, for example.
Chris
It is very easy and we use it for every project at Liki and Frontend House.
Tommy
Yeah, and it does the job.
Chris
It does. It does the trick.
Tommy
It does the trick. Exactly. From now on, we have the internationalization being included in satrapy out of the box. They go one step further and it means that we can grow the internationalization of translations not only by certain language but also by the country. So for example, we can set French for Canada and for France. Yeah, that's one of the examples or let's say Spanish four for Spain and Brazil.
Chris
OK, great to hear. So we are going to use it much more often.
Tommy
Yeah, I believe so, yeah. I think it will be Firefox.
Chris
Yeah. Firefox 88.

New Fox in the family


Tommy
So we've got the eighty eight folks in the family and we have three main updates from the Firefox. So the first one is from the PDF documents. We received JavaScript support for PDF embedded files.
Chris
Really. Yeah. So we're going to write JavaScript in PDF. That's true. Are you going to make websites in PDF?
Tommy
Maybe not websites but so we can add some interactivity layer over the PDF. So for example, you can have some interactive forums inside the documents so the user can play with it and you can describe the behavior. Nice. Cool. Yeah. The second thing is that we received the print updates. The margin units have been localized. It means that depending on where you are from, you will open the print settings in the millimeters or inches. The third thing is that we got the small print zooming functionality being fixed on Linux. Finally, finally. So although Linux users now you can use Firefox with all the features and that's it.
Chris
Amazing. Thank you so much. Thank you, Chris. This is for today's news. You have bad news and good news for you. The bad news is that there are no tips and tricks and curated projects sessions this time. But the good news is that Tomasz will prepare amazing, amazing tips and tricks for the next time as I am going to create an amazing curated project. But for the next time. See you guys. Watch our latest videos to learn more!

What do you think? Share your impressions!

Become a part of the team that fits you, create really cool videos with us!

Interesting projects from all over the globe, opportunities to grow and nice people attached. Check out our openings.

Join us
Microphone
hexagon

Ask Us any question.

(preffered about front end, in other case we can answer longer and not on topic)

Free consultation usually takes 15 minutes, where we can answer any front end related questions. We are always trying to agree term which suits both sides. Our Experts take care about quality of all answers.

Contact us
Photo of Cezary
Photo of Kinga
Photo of Krzysztof

How the consultation looks like?

  1. Ask question

  2. - Which technology choose to build quickly MVP?

    - How to solve problem of required technologies in the project?

    - How to extend my team with experts of UX/UI?

    - Is possible to ...

  3. Who will contact You?

  4. Immediately after ordering a free consultation, our office will contact you, ask about the topic and arrange a convenient date for an interview with an expert.

    Each interview is conducted by our internal consultant based on his full experience and knowledge. Even if he or she does not know the answer (which is rare), he will consult the topic with the full team and come back with the answer.

question mark icon
Arrow icon
Brain cog icon
Arrow icon
Video call icon

Meet our hosts

Krzysztof
Diamond logo icon
LinkedIn logo
Diamond logo icon
Mail logo

Krzysztof Wyrzykowski

CTO

I specialize in creating advanced digital experiences, often taking part in interactive web campaigns and playing a leading role in combining modern technologies, usability and accessibility.

Tomasz
Diamond logo icon
Mail logo

Tomasz Krajewski

Frontend Developer

I'm Senior JS Developer with more than 8 years of practice and specialize in creating the software architecture and implementing advanced solutions in JS and RoR.

Subscribe for tech insights

We will keep you up-to-date with fresh front end podcasts, news and articles

Still have some questions?

If you have any questions, feel free to contact us. Our Business Development Team will do their best to find the solution.