 So good evening everyone. I hope you are not sleepy today because it's the last talk and The key outside is good. If you are feeling sleepy, you can have it and yeah, so welcome I'm I'm data engineer actually software engineer would say at automatic because I work in lots of things here and I have worked on the Gutenberg code which you can find on GitHub and And here is my email. Sorry. It's not here. It's the quicker handle. You can follow me So that's about me and You can you can email me about your questions and buggy won't you know about Gutenberg or anything at all? So I'll talk about why why Gutenberg and why it's it's pretty important for work press and the open-source community So let's move on So why why do we need the new editor because we had pretty fancy editor before also? So why why all of a sudden we want something which is good or maybe it's just a change of mind or We don't know. So you need to be I need to be specific that why do we need a new editor? So here are a few reasons because work places use is expowers like around 28% of the whole internet So if you have a very good editor you you can actually increase your fan base user base developer community and also in open-source contributions and You can you can build incredible websites because Previously you would either require a expert or some sort of development agency maybe so like now It's it's entirely possible for you to write good-looking visually scanning posts with the help of good and work Another is It's also the complication. So we don't want that work press I get a lax behind in any terms of feature and it still is able to Has has a good good control and is it's value in open source So this is this is Gutenberg and we named it Gutenberg because in in fucking hundreds maybe in Europe There was this guy your house cook and work. He created this printing press the first one Which was movable so that you could you could create books which we can Print and move around with them. So that was kind of revolution So we think of Gutenberg in the same way because in the work press and the new one You can actually create and write post which is which is visually scanning and it kind of changes the way we write post in work press So here are the few things that you can find in Gutenberg The main fundamental thing is blocks that Gutenberg is completely based on the blocks so you everything is a block even if it's image it's a Table or or any paragraph or code whatever you want to put its block and you have placeholders So it's it's incredibly easy to fill those blocks with the places like if you want to put heading paragraph or maybe list Then then it's totally okay, and then you have a powerful design tool that you can also That you can try out you can work on my workplace, and it helps you Use it in a elegant way. You can add any any any any type of Thing you want to do in your post maybe it's image paragraphs or gallery so Then another thing is that you unique in with the with a Gutenberg We have this option that you can have backer and new plugins for example You can you can write new way of plugins for example, you can have a plug-in which are blog based for example if you want to add a contact form then it would be a block and This way we add Possibility that you can create new type of plugins which are blog based So if a user is adding a contact form, so you will show them the list of search options that Yes, there is a new type of plug-in available which is a block you can add to the post and it will be super easy to Customize like like the post can go can burger Gaker and You can have multiple sources also like YouTube and Google Docs etc. Maybe you're quicker and The final thing which I work on this specifically. I created this feature. It's called collaborative editing it's similar to Google Docs because Then when you are when you own a website it not necessarily means that you are You are you you the contributors are seeking in the same room Contributing but with collaborative editing it's possible that in in remote part of work or when you are working remotely You can actually write article and see what the user is doing. It's like similar to Google Docs where you can Do the collaboration with all the other users and this way you can write post And so this is how a blocks looks like you can see the image on the top That's a block below is a paragraph and then there is a quote and there is a head So the block here means that these are the granular parks of your post You can change modify move around topping bottom sideways wherever you want to and and that's the Fundamental part of this because blocks actually right lets you write the post which are Which which you can easily customize it doesn't really Require a lot of expertise or your time you can just simply go with that and This is what we what we call placeholders So you can see a block there, which is a uQube one You can just add a URL and bag it and that that then is going to hang the scene and it will be visible for you And similarly you can just aggregate it visually because here you don't really have to put Previously like shortcuts meta boxes or your snippets But now you can just simply put the text whichever you want to no matter and there are formatting options So it's as visual we have designed it to be so that your post always looks amazing So this is this is a just a small video Yeah, so this is how placeholder works so you can just simply write and modify however you want to and And this this this is kind of design tool in Gutenberg that you can do Okay, let's move on and So when when you actually create our post it looks like this. This is a visual post with the image and you can see two paragraphs Left and right and there is there are three another paragraph in the right side that you can do so You can see it's pretty easy to to create these kind of visually scanning post With with no difficulty at all. You don't need to expertise Or you don't have to be a developer or or a WordPress engineer Familiar with the core and all these code snippets it's just for the end user So maybe you can have new type of plugins then because we have entirely changed the aggregate now So you can still have lots of new plugins. For example, see this one. You can have a contact form And you can just if you want to add a block, which is a contact form Let's say you are creating a contact form page on your website and you need to have a contact form just for that page So you can have a block which is a contact form and this way you can move around all sorts of plugin things And you can still be able to control your post. However, you want to And this is another check plugin. For example, you want to have a support page You just find a block and put this check plugin thing there. It's just as easy as that and Another thing is this multiple sources. You can embed things like YouTube quicker Facebook Instagram maybe if you use it and This this way you your post is great. So this is the one post I created in the morning So I created that I'm speaking here and I just embedded it within just just like 10 seconds And I I get this image and then a title thing so you can see it's it's good-looking. It's not like It's just great. It took me 10 seconds to do it and Now move on to the new feature. It's it's not like available But we I'm I'm and the team are working on this. It's called collaborative egging so this this this is an incredible feature if you think in a workplace because it's it's not it's a It's not like really is we are still working on this But it actually lets you write post and with multiple authors So if there are four authors and all are working in some another part of the work And they want to contribute on this feature or maybe this post they can do this So this is how it looks like so if you can see in this image These two windows I have combined but they don't really have to be on same computer They are on different part of the work, but I just just for this image. I'm doing this so you can see on the left side block This yellow thing so this means that one user is getting that block You're going to have to catch it. He's doing the changes on the right side You can see the red one so that is some another user who's changing and this way you can see it in real time It's not there is a lag or something. It's just a good feature and And this this is how it looks like you can also it's not really buying it to the text You can also put images in a diagram your gallery It will be visible to all the users who are collaborative Collaborating in real time. This is a video. I would like to show you how it works So you can see it's completely real time the the text you write on the one side you can see it immediately on the other and It also lets you notify the user color so you can see this red thing is some another user So if there are more than two then you can identify who is a getting work part So I think then it's an image that is also visible So let's move on to Gutenberg in depth X uncle screws by the way and so no we So this Gutenberg is not really just a fancy editor. We also have advanced features for foreign in future. We also move on to the Backer better more visual editor. So it's it's like another another computer Maybe square space weeks, whatever you can still have good-looking design tool And it will be super easy to to edit your post change it and with collaborative editing It's entirely possible to do it remotely Then we have global blocks. You can save your block Sorry blocks and you can just save let's say your favorite Instagram or gallery To a block and you can really use it in any other post you want to These all the features that I'm telling you are are playing and they are not in beta. So you you may not be able to cry Another thing is we are using modern technologies that we are not just stuck with the legacy code we are using modern one react node.js and This a ECMAScript 6 which is the newer version of JavaScript and it also lets You use modern developer tools, which will help you to write good code and good plugins that will work Scabily on modern browsers. So we are just not stuck with the legacy We are also moving along with the work for for the web this are plugging developments The last thing is granularity in blocks. So this means that your block are Independent things you can just move around them and you can save them you can reuse them So this is the granularity level it also help us do the collaborative editing because when you are doing the collaborative editing It means that you you are using one sort of block and you are tight quick. So this way you can actually Have the modern collaborative editing because you own that certain block and if there are four users There will be four blocks that you will be editing So this is The second last likes it's the key notes that I call you today Which is that blocks provides much more than visualization. It's just not the way of creating visually scanning post It's also helps you to do a lot more than that like plugins You saw that check one and the collaborative editing and reusing them And it also opens a new opportunity for the developers and the open source community to create new type of plugins Which can reuse Gutenberg and blocks. So you can write new way of plugins, which will be further used in newer versions and the Gutenberg code is amazingly structured. It uses all the modern Ways of web development. You can contribute to it if you are a developer it's on gikub and We are open to all the pull request and like said So and we are also planning to upgrade to more advanced developer tools If you are a developer and you don't like visual that's fine you can just switch to the code a gikub mode and put it there and visually tools for for for the users who want to write good post in just a few seconds maybe And the last thing is we we we are adding multiple sources like Instra, Facebook Google Docs So these sort of things like you embed things very easily and you don't have to waste times Googling or or searching the net for finding the snippets and codes and obviously the collaborative editing is amazing feature for For this because when you have a modern advanced editor you all the authors on your website can contribute to your post work wide and you don't have to be in same room with in front of each other and We are open to contribution if you want you can just go to gikub.com slash workplace slash Gutenberg and You can just simply see in beta and if you want to download and try on your workplace admin you can just go to the second link and yeah, and this way you can try the beta version and that that's mostly it and Thank you. If you have any questions, just ask me here or email That's like from my side. Thank you very much of a shake So we open to the Q&A if anybody wants to ask any questions to wish a please Hello, hey, thank you for the great presentation. My name is Tony Okay, I heard about Patent about react Is this Effect Gutenberg being reboiled or just stick with react and why and if if you want to rebuild with What kind of framework and why? Okay? Thank you Well, I think you know you have heard the news then so Matt wrote a post about not using react because of the weird Facebook license and And But eventually they move on to MIT. So that's that's fair enough So we'll still continue to use react and not move away from it Yeah, I guess I guess that answer Thank you. I kind of feel like I'm asking a university professor a kindergarten question. No problem, but I Found out that all of the posts that I've been working on Don't show up very well on handheld devices, which most of the world uses now How do I make it so that the posts that I create on my computer are going to look good on their handhelds? well The Gutenberg etiquette is completely responsive so Even if you are using this etiquette on your ipad it will still be as responsive as other websites out there and The post which you publish that depends on your theme, actually But the etiquette is completely responsive. It works on mobile ipad and those things and if you are using prequit standard blocks Then it's also responsive. So we are completely thinking of that Yes So back back to the react thing right man has been very critical about plugins or teams that don't use gpl And the fact that react is in MIT rather than gpl. Doesn't that conflict? His perspective and I don't I don't think can answer for him But what I would like to see your perspective number one number two is that What do you think of the other visual editors like weaver builder? Elemental which is up and coming and how do you see them? We are we Gutenberg? competing with you guys Well for for the gpl park, I don't think I should answer that question back So MIT is completely gpl compatible so having an MIT and gpl v3 is like and obviously the Facebook React license had a pecking thing which you can search online that if you use this this react It kind of means that you Facebook also holds the right to use your pickings Because you are using their thing, but you can't do the same with the WordPress So it's kind of a weird license. So you can just search it online. It's related to pickings and all these things So it's just not gpl. It's just their condition and comes Which which is really hard to? Survive in open source and this is this is also the reason Apache foundation did that because in open source this kind of things really is weird Yeah, sorry the the the complication and the park. Yeah, so Obviously we are aware of this square space and all the visual educators out there. That's why we are rethinking to Provide the same to our WordPress open-source community and and we also are thinking of The modern features for example this collaborative editing I don't think you can find in other complication and this this this these type of things and modern development in in In our platform, it will also provide you new upcoming features in Gutenberg So as far as the complication it just means that we have to make sure that a WordPress open-source community design feel like that The complication is far ahead of them and we have to make sure that this agriculture is good as good as others and We we still don't break our previous methodologies For the WordPress and open-source communities. So that that that's the point But apart from that Yes, these these educators out there may be good enough But they are not on WordPress, you know, so that's Beaver builder is a WordPress plugin that allows you to drag and drop your content Yeah And they are primarily focused on people creating landing pages and all the stuff Where they give a drag and drop interface to build your landing pages, okay? So maybe I think whatever you said is covered and much more So maybe at least for the feature set you might want to take a look But as he said, okay, there are plugins which work with WordPress not a non-word-word resolution, but with WordPress Yeah, so I know about this plugins that you are talking about but obviously we we had to Integrate with our own WordPress and we are thinking of moving with blocks and all these things So that is why we need to have just not from the outside support. We also need to have Book editor for the WordPress itself, but it's again the users Yes, I see your hand over there the other side of the room. Yes Hi, I would like to hear more about your Collaborative editing feature if you compare your new collaborative editing capability with Google Docs like Collaborative editor, what are the new things? from user point of view and also from the developer point of view what kind of collaborative consistent maintenance technology is used in your collaborative editing Okay, so This is this feature actually was built by me before and we are now thinking of adding to the Gutenberg It's pretty comparable to Google Docs. It's same It's as fast as it's actually using web RTC Which is peer-to-peer because we understand that user install WordPress on their own servers or different cycle a different Type of panels, maybe go gaggy plex whatever But the thing is that you really don't own server and you don't have access to advance Programming languages like Node.js for this support. So that is why we are thinking of using web RTC because you don't need Support of server and this is completely client-to-client So this way this collaborative editing will work on installed WordPress and Workpress.com so that that's the architecture and It's it's again. I'm working on this and possibly in few months will release this out with some So it's not just stick to the WordPress.com. It's also within score one So you mentioned peer-to-peer. You don't need server. Yeah So it's not the same as Google Docs like collaborative editing systems and Do you support multiple users? editing in the same blog or You only support editing multiple different blocks So you mentioned you have multiple blocks that allow Multiple users to work on different blocks concurrently. Do you also support people working on the same block? so for the first question it's The architecture is similar to Google Docs. I said peer-to-peer it's for the installed ones But for the WordPress.com we have the server and we can use the same technologies But we are also thinking of WordPress.org which are installed. So that is why I mentioned that That you don't need to have a server for this feature. So that's your Answer for the first one The second thing is yes You can edit multiple blocks you can use whatever you want to but it acquires a lock when you do When you are editing a block So it means that it has a granular thing because if you are editing a block that means no other user can edit your block because you you are owning it and For the multiple users. Yes, you can have multiple maybe three four whatever you want to but then More than four just kind of messes of the post but it's your choice. We are not limiting you by the number of users Hello, I've downloaded Gutenberg and had a play It was it was in the back end But Gutenberg will be a front-end editor. Yeah, it's a franking. Okay, and so does that mean all the theme Designers out there theme editors will need to rethink their product or will they all be compatible in The new world with Gutenberg Yeah, we are we are still deciding on that but most likely it will be compatible Compatible with the or even except like Divi builder or Elementor or those sort of Existing front-end they're gonna have to rethink their strategies on they actually exist the HTML in the in the bear bone if you think in that way and We use grammars for parsing that So most likely will we are finding this solution. So it will be back for compatible years Okay, because those products are mentioned. I believe they use react to to To allow that front-end sort of real-time editing Yeah, yeah, so React is just for the development, but again, it's just a JavaScript in the front-end part, which is running So We you don't need react or not just on the server side. So it's just completely franking thing Yeah Thank you All right, do we have any more questions for wish egg? Okay, all right. Thank you. Thank you wish egg. Thank you very much for coming today