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!
