• Introducing BlockBook for WordPress
    tl;dr: With BlockBook, you can build, test and showcase your static WordPress (aka Gutenberg) blocks in isolation. It can also be used to test the block styles of your themes. In short, it’s going to change how you develop and style blocks. If you’re a block developer, BlockBook is a must. You can see a […]
  • Deleting tests is a best practice
    As mentioned in a previous blog post, when I started programming, testing software was a rare practice. And like a lot of folks (even if they might not admit it), when I started reading about automated testing… it felt like a waste of time for me. But as time passed and while working on different […]
  • Write as blocks in an encrypted collaborative environment
    For WordCamp Europe Online Contributor Day, I’ve prepared a post to onboard new contributors. I’ve used notion.so for this. It’s great software, but a friend of mine rightfully commented about it being a missed opportunity to use Gutenberg. What if you could open your browser, type a URL, and immediately start typing in Gutenberg. and […]
  • I’m using a block-based theme
    You might not know yet but WordPress is working on a project called Full Site Editing with the goal of allowing users to edit any part of their site in a single and coherent way using the block editor. The project is based on a new kind of themes called “block-based themes”. If you want […]
  • Journey towards a performant web editor
    TLDR This post presents different performance improvement and monitoring techniques that can be used in any React/Redux application. Akin to the React Concurrent mode, it also introduces an async mode for Redux applications where the UI can’t be windowized. WordPress 5.0 included a new block-based content editor. The editor is built as typical react/redux web […]
  • Embrace the modularity
    The WordPress block editor is based around the idea that you can combine independent blocks together to write your post or build your page. Blocks can also use and interact with each other. This makes it very modular and flexible. But the Block Editor does not embrace modularity for its behavior and output only, it […]
  • Let’s start building JavaScript plugins for WordPress
    With Gutenberg, we made the choice to use JavaScript heavily in order build the UI of the editor, not because we’re nerdy hipsters but essentially because it is the perfect fit to address the UI and UX challenges of a heavily interactive interface in the browser. As a consequence, we’ll start to see a shift in […]
  • Efficient client data management for WordPress Plugins
    Manipulating Client Data in highly interactive screens in WordPress (essentially the editor page in WordPress pre 5.0.0) is not the easiest task to do for plugin authors. As much as WordPress provides a large number of functions to access and manipulate data server side, it fails at providing a consistent way to access and manipulate […]
  • Explorons Gutenberg sous le capot au WPTech Lyon
    J’ai eu l’honneur de donner un nouveau talk sur Gutenberg au WP Tech Lyon. De nombreux talks ont été donnés sur Gutenberg, le pourquoi du comment, ce que ça change pour les utilisateurs mais peu de talks ont abordé les dessous de Gutenberg, son architecture et ce que ça apporte au développeur de thèmes de […]
  • Mon premier WordCamp en tant que speaker
    Aujourd'hui s'est déroulée la dixième édition du WordCamp Paris et j'ai eu l'honneur d'y participer en tant que speaker pour parler de Gutenberg. Conférence Vous trouvez ci-dessous les slides de ma conférence intitulée "Gutenberg, le futur de la création de contenu dans WordPress" Atelier J'ai aussi eu la chance d'animer un atelier sur l'extensibilité de […]
  • WordPress Core, the next battles
    What are the next battles we should take to improve WordPress technology and workflow? What should we do next? I've been part of the WordPress community for more than a year now, which is really short in WordPress time, but I truly love this community and I hope to contribute for several more years. This […]
  • With Gutenberg, what happens to my Custom Fields?
    Developers and web agencies make extensive use of Custom Fields to add structured data to their Custom Post Types (and regular post types as well). By leveraging the Meta Box API, plugins like ACF, CMB or Pods Framework address this concern. They all work similarly: you define fieldsets, a list of fields with different types […]
  • One thousand and one way to extend Gutenberg today
    If there’s one and only one feature that made WordPress gain 30% of the web’s market share, this feature would be Extensibility. What is WordPress without Yoast? What is WordPress without ACF? Without JetPack? WooCommerce? Without Akismet? Without Contact Form 7? What is WordPress without Hello Dolly? It’s nothing but another niche CMS with way […]
  • How Gutenberg is changing WordPress Development?
    If you're already familiar with WordPress, you're probably used to its content editor based on TinyMCE. Creating content in WordPress did not really change for many years now. But with new competitors gaining more and more attraction like Medium, Ghost, Wix, Squarespace, WordPress decided to build a new Editor called Gutenberg (After Johannes Gutenberg, the […]
  • WordPress is evolving and you should care
    Do you know WordPress, this tool that powers 27% of the web? This big old CMS everyone loves to hate because It’s oldish, it’s PHP and it’s not an SPA? but in the same time, everyone uses because it’s so great at achieving the goal it’s designed for: creating content? Well! It’s time to stop criticizing […]
  • Sorry, I lied. I’m not a noob, never was, never be, neither you do
    In a previous post, I told you that we’re all noobs and that we have to continue learning no matter what. Well, I lied! It’s true that you have to keep learning, but you’re not a noob, no one is and here is why. You’re not a noob, you learned how to draw a square […]
  • GraphQL is not only for Backend
    When we hear about GraphQL, it’s often mentioned as the new way to retrieve data from the server. The silver bullet that will replace REST APIs. This is true, GraphQL can do an amazing job to run the new generation of server APIs but this is not the whole picture. From the homepage of the official […]
  • Awesome Algeria
    Now, that I'm back in Algeria. Let's try to build a solid developers community together. A first small step is trying to gather all these hidden developers. For that purpose, I put together an Awesome Algeria repository on GitHub.
  • Dure, la vie de dev chez Automattic
    TL;DR J’ai rejoint Automattic il y’a quelques semaines, et à travers ce post, je vous fais découvrir  une journée de travail classique (ou presque) pour un développeur Lambda chez A8C, en sachant que c’est une société assez atypique puisque tous les employés y travaillent à distance. En espérant vous convaincre de nous rejoindre !!
  • When I was a noob
    Hymn to criticism and continuous improvement This post is a translation from a very old post of mine but still relevant some years later. In the same time, it’s a reminder for myself.
  • How ES6 Generators are changing the way we write Javascript
    I have to admit, It took me some time to figure out in which use cases ES6 generators could be really useful (I’m not the only one I think, am I ?). When we talk about ES6 (or ES2015 as you like), generators are not the first feature we think about, we often see them as […]
  • Redux nowadays : From actions creators to sagas
    There’s this expression I say each time I stumble on something (some technology) that’s going to change my habits in development …. Oh, ça déchire sa mère 😛 a not so conventional french alternative to wow that’s great !!!. And you know what, It just happened again. I discovered redux-saga, And I’m like: “Wow this is great, that’s […]
  • Understand unidirectional data flow by practice: rewrite an AngularJS application
    Unidirectional data flow (or sometimes referred to as reactive programming or functional programming) is often seen as this new trend in frontend applications development brought by React and Flux (or by ReactiveX from Netflix). So many developers think using one of these libraries or frameworks is necessary to start with this pattern. This, of course, […]
  • Frontend application development fairytale (with backend analogy)
    In the last three years, frontend development has evolved very quickly. With all this stuff out there (react, angular.js, aurelia, redux, flux, Angular2, Rx.js, falcor…), it became really hard for developers and companies to make choices about the stack to use for their applications.
  • Quand j’étais nul !!
    Hymne à l’autocritique et à l’amélioration continue Cet article est une ancienne partipation au DZBlogDay 2013. Le DZBlogDay, événement annuel pendant lequel les blogueurs algériens abordent le même sujet le même jour, le thème de cette édition était le “web algérien”. Comme vous le savez, on ne peut parler de web sans parler de développeur […]