{"id":3766,"date":"2017-10-25T10:45:56","date_gmt":"2017-10-25T14:45:56","guid":{"rendered":"http:\/\/wpmtl.org\/?p=3684"},"modified":"2024-06-20T22:55:22","modified_gmt":"2024-06-21T02:55:22","slug":"theming-with-wp-api-and-react","status":"publish","type":"post","link":"https:\/\/wpmtl.org\/en\/2017\/10\/25\/theming-with-wp-api-and-react\/","title":{"rendered":"Making a WordPress theme with WP-API and React"},"content":{"rendered":"<p style=\"text-align: left;\"><em><a href=\"#fr\">Fran\u00e7ais ci-dessous<\/a><\/em><\/p>\n<p style=\"text-align: left;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3715 alignleft\" src=\"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=720%2C459&#038;ssl=1\" alt=\"Making a WordPress theme with WP-API and React\" width=\"720\" height=\"459\" \/><\/p>\n<p style=\"text-align: left;\"><strong>Workshop instructor &#8211; <a href=\"#ziad\">Ziad Saab<\/a><\/strong><br \/>\nIn this workshop, we will use the WordPress API to create a blog where WordPress is acting only as a CMS. The blog will be rendered by a universal web server written with React and NodeJS, and the data will come from the WordPress API.<\/p>\n<p style=\"text-align: left;\"><strong>This workshop is suitable for:<\/strong><br \/>\nTo fully benefit from this workshop, some familiarity with React\/Redux and NodeJS\/Express is recommended. We will assume that you have already worked on a React-based app, and that you have written some code against NodeJS\/Express. On the other hand, no knowledge of PHP is required.<\/p>\n<p style=\"text-align: left;\"><strong>Additional Information:<\/strong><br \/>\nWe will install any and all software needed during the workshop.<\/p>\n<p style=\"text-align: left;\">You must bring your laptop.<\/p>\n<p style=\"text-align: left;\">The workshop instruction will be in English but there will be bilingual TAs and questions are welcome in French or English.<\/p>\n<h3 style=\"text-align: left;\">Time and Location<\/h3>\n<p style=\"text-align: left;\"><strong>Event:<\/strong> Making a WordPress theme with WP-API and React<br \/>\n<strong>Date:<\/strong> Wednesday, November 15, 2017<br \/>\n<strong>Time:<\/strong> 6:00-9:00 pm<br \/>\n<strong>Max participants:<\/strong> 20<br \/>\n<strong>RSVP:<\/strong> Required (via <a href=\"https:\/\/www.meetup.com\/login\/?returnUri=https%3A%2F%2Fwww.meetup.com%2Fwp-mtl%2Fevents%2F244512434%2F\" target=\"_blank\" rel=\"noopener\">meetup.com<\/a>)<br \/>\nVenue: <a href=\"https:\/\/www.google.com\/maps?q=4446+St+Laurent+Blvd&amp;entry=gmail&amp;source=g\" target=\"_blank\" rel=\"noopener\">Edelman<\/a><br \/>\n4446 St Laurent Blvd<br \/>\nMontreal<br \/>\n<strong>M\u00e9tro:<\/strong> Mont-Royal<br \/>\nIf you want to be invited to future events please sign up for our <a href=\"https:\/\/wpmtl.org\/contact\/liste-denvoi\/\">email newsletter<\/a>.<\/p>\n<p style=\"text-align: left;\"><a name=\"ziad\"><\/a><\/p>\n<h3 style=\"text-align: left;\">Instructor &#8211; Ziad Saab<\/h3>\n<p style=\"text-align: left;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3374\" src=\"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/Ziad-Saab-200.jpg?resize=200%2C200&#038;ssl=1\" alt=\"Ziad Saab\" width=\"200\" height=\"200\" srcset=\"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/Ziad-Saab-200.jpg?w=200&amp;ssl=1 200w, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/Ziad-Saab-200.jpg?resize=150%2C150&amp;ssl=1 150w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/>Ziad is a software developer and educator from Montreal, Canada with over ten years of experience. He has worked for startups, agencies, and large companies.<\/p>\n<p style=\"text-align: left;\">Ziad co-founded <a href=\"https:\/\/www.concordiabootcamps.ca\/\" target=\"_blank\" rel=\"noopener\">DecodeMTL<\/a>, a full-stack JavaScript Web Development bootcamp in Montreal, Canada. He is also an instructor and mentor at the local <a href=\"https:\/\/www.canadalearningcode.ca\/?city=montreal\" target=\"_blank\" rel=\"noopener\">Ladies Learning Code<\/a> chapter, and sometimes does mentoring on CodeMentor.<\/p>\n<p style=\"text-align: left;\">Ziad is currently working as a Software Development Manager for Shutterstock where he is taking part in building the world&#8217;s best content platform.<\/p>\n<p style=\"text-align: left;\"><a class=\"meetup-btn\" href=\"https:\/\/www.meetup.com\/login\/?returnUri=https%3A%2F%2Fwww.meetup.com%2Fwp-mtl%2Fevents%2F244512434%2F\" target=\"_blank\" rel=\"noopener\">RSVP<\/a><\/p>\n<hr id=\"fr\" style=\"clear: both;\" \/>\n<p style=\"text-align: left;\"><strong>Instructeur d&#8217;atelier &#8211; <a href=\"#ziad-fr\">Ziad Saab<\/a><\/strong><br \/>\nDans cet atelier, nous utiliserons l&#8217;API WordPress pour cr\u00e9er un blogue o\u00f9 WordPress n&#8217;agira que comme un CMS. Le blogue sera livr\u00e9 par un serveur Web universel \u00e9crit avec React et NodeJS, et les donn\u00e9es proviendront de l&#8217;API WordPress.<\/p>\n<p style=\"text-align: left;\"><strong>Cet atelier est adapt\u00e9 pour :<\/strong><br \/>\nPour profiter pleinement de cet atelier, il est recommand\u00e9 de se familiariser avec React\/Redux et NodeJS\/Express. Nous supposerons que vous avez d\u00e9j\u00e0 travaill\u00e9 sur une application bas\u00e9e sur React et que vous avez \u00e9crit du code NodeJS \/ Express. Toutefois, aucune connaissance de PHP n&#8217;est requise.<\/p>\n<p style=\"text-align: left;\"><strong>Informations suppl\u00e9mentaires :<\/strong><br \/>\nNous installerons tous les logiciels n\u00e9cessaires pendant l&#8217;atelier.<\/p>\n<p style=\"text-align: left;\">Vous devez apporter votre ordinateur portable.<\/p>\n<p style=\"text-align: left;\">Les instructions de l&#8217;atelier seront en anglais, mais il y aura des assistants bilingues. Les questions sont les bienvenues en fran\u00e7ais ou en anglais.<\/p>\n<p style=\"text-align: left;\"><strong>HEURE ET ENDROIT<\/strong><\/p>\n<p style=\"text-align: left;\"><strong>\u00c9v\u00e9nement :<\/strong> Cr\u00e9ation d&#8217;un th\u00e8me WordPress avec WP-API et React<br \/>\n<strong>Date :<\/strong> mercredi 15 novembre 2017<br \/>\n<strong>Heure :<\/strong> 18 h \u00e0 21 h<br \/>\n<strong>Nombre maximum de participants :<\/strong> 20<br \/>\n<strong>RSVP :<\/strong> obligatoire (via <a href=\"https:\/\/www.meetup.com\/login\/?returnUri=https%3A%2F%2Fwww.meetup.com%2Fwp-mtl%2Fevents%2F244512434%2F\" target=\"_blank\" rel=\"noopener\">meetup.com<\/a>)<br \/>\n<strong>Lieu :<\/strong> <a href=\"https:\/\/www.google.com\/maps?q=4446+St+Laurent+Blvd&amp;entry=gmail&amp;source=g\" target=\"_blank\" rel=\"noopener\">Edelman<\/a><br \/>\n4446, boul. St-Laurent, Montr\u00e9al<br \/>\n<strong>M\u00e9tro :<\/strong> Mont-Royal<br \/>\nSi vous souhaitez \u00eatre invit\u00e9 \u00e0 des \u00e9v\u00e9nements futurs, inscrivez-vous \u00e0 notre\u00a0<a href=\"https:\/\/wpmtl.org\/contact\/liste-denvoi\/\">infolettre<\/a>.<\/p>\n<p style=\"text-align: left;\"><a name=\"ziad-fr\"><\/a><\/p>\n<h3 style=\"text-align: left;\">InstructEUr &#8211; Ziad Saab<\/h3>\n<p style=\"text-align: left;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-3374\" src=\"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/Ziad-Saab-200.jpg?resize=200%2C200&#038;ssl=1\" alt=\"Ziad Saab\" width=\"200\" height=\"200\" srcset=\"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/Ziad-Saab-200.jpg?w=200&amp;ssl=1 200w, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/Ziad-Saab-200.jpg?resize=150%2C150&amp;ssl=1 150w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/>Ziad est un d\u00e9veloppeur et \u00e9ducateur logiciel de Montr\u00e9al, Canada, avec plus de dix ans d&#8217;exp\u00e9rience. Il a travaill\u00e9 pour des <em>startups<\/em>, des agences et de grandes entreprises.<\/p>\n<p style=\"text-align: left;\">Ziad a cofond\u00e9\u00a0<a href=\"https:\/\/www.concordiabootcamps.ca\/\" target=\"_blank\" rel=\"noopener\">DecodeMTL<\/a>,\u00a0un <em>bootcamp<\/em> de d\u00e9veloppement Web JavaScript\u00a0<em>full-stack<\/em> \u00e0 Montr\u00e9al, Canada. Il est \u00e9galement instructeur et mentor au chapitre local de <a href=\"https:\/\/www.canadalearningcode.ca\/?city=montreal\" target=\"_blank\" rel=\"noopener\">Ladies Learning Code<\/a>, et il fait parfois du mentorat sur CodeMentor.<\/p>\n<p style=\"text-align: left;\">Ziad travaille actuellement en tant que gestionnaire du d\u00e9veloppement logiciel pour Shutterstock, o\u00f9 il participe \u00e0 la cr\u00e9ation de la meilleure plat-forme de contenu au monde.<\/p>\n<p style=\"text-align: left;\"><a class=\"meetup-btn\" href=\"https:\/\/www.meetup.com\/login\/?returnUri=https%3A%2F%2Fwww.meetup.com%2Fwp-mtl%2Fevents%2F244512434%2F\" target=\"_blank\" rel=\"noopener\">RSVP<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fran\u00e7ais ci-dessous Workshop instructor &#8211; Ziad Saab In this workshop, we will use the WordPress API to create a blog where WordPress is acting only as a CMS. The blog will be rendered by a universal web server written with React and NodeJS, and the data will come from the WordPress API. This workshop is suitable for: To fully benefit from this workshop, some familiarity &hellip; <a href=\"https:\/\/wpmtl.org\/en\/2017\/10\/25\/theming-with-wp-api-and-react\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Making a WordPress theme with WP-API and React<\/span><\/a><\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[25,20,24],"tags":[],"class_list":["post-3766","post","type-post","status-publish","format-standard","hentry","category-meetups","category-events","category-workshops"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9prEZ-YK","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":4056,"url":"https:\/\/wpmtl.org\/2017\/10\/25\/theming-with-wp-api-and-react\/","url_meta":{"origin":3766,"position":0},"title":"Making a WordPress theme with WP-API and React","author":"Andrea Zoellner","date":"25 October, 2017","format":false,"excerpt":"Fran\u00e7ais ci-dessous Workshop instructor - Ziad Saab In this workshop, we will use the WordPress API to create a blog where WordPress is acting only as a CMS. The blog will be rendered by a universal web server written with React and NodeJS, and the data will come from the\u2026","rel":"","context":"In &quot;Ateliers&quot;","block_context":{"text":"Ateliers","link":"https:\/\/wpmtl.org\/category\/evenements\/ateliers\/"},"img":{"alt_text":"Making a WordPress theme with WP-API and React","src":"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2017\/10\/React-EN.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":2854,"url":"https:\/\/wpmtl.org\/en\/2013\/09\/18\/wpteach-comes-to-montreal\/","url_meta":{"origin":3766,"position":1},"title":"WPTeach Comes To Montreal","author":"Carl Alexander","date":"18 September, 2013","format":false,"excerpt":"If you are part of the WordPress community in Canada, chances are you\u2019ve either heard of\u2014or are about to hear of\u2014WPTeach. In existence for only two years, WPTeach and its proprietor, Al Davis, has quickly made itself an important hub for all things WP: platform news, tutorials, event announcements, user\u2026","rel":"","context":"In &quot;Announcements&quot;","block_context":{"text":"Announcements","link":"https:\/\/wpmtl.org\/en\/category\/announcements\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4166,"url":"https:\/\/wpmtl.org\/2013\/09\/18\/wpteach-comes-to-montreal\/","url_meta":{"origin":3766,"position":2},"title":"WPTeach Comes To Montreal","author":"Carl Alexander","date":"18 September, 2013","format":false,"excerpt":"If you are part of the WordPress community in Canada, chances are you\u2019ve either heard of\u2014or are about to hear of\u2014WPTeach. In existence for only two years, WPTeach and its proprietor, Al Davis, has quickly made itself an important hub for all things WP: platform news, tutorials, event announcements, user\u2026","rel":"","context":"In &quot;Annonces&quot;","block_context":{"text":"Annonces","link":"https:\/\/wpmtl.org\/category\/annonces\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2603,"url":"https:\/\/wpmtl.org\/en\/2010\/11\/16\/montreal-wordpress-developer-meetup-november-29th\/","url_meta":{"origin":3766,"position":3},"title":"Montreal WordPress Developer Meetup November 29th","author":"jeremyclarke","date":"16 November, 2010","format":false,"excerpt":"Another edition of our mostly-monthly developer meetup will happen November 29th. We hope you can join us this time to go over some of the topics we didn't get to at the last meeting :) If you plan to attend please RSVP on the Facebook event listing for the meetup.\u2026","rel":"","context":"In &quot;Community Meetups&quot;","block_context":{"text":"Community Meetups","link":"https:\/\/wpmtl.org\/en\/category\/events\/meetups\/"},"img":{"alt_text":"wcmtl-developer-meetup-facebook-size-179px","src":"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2010\/11\/wcmtl-developer-meetup-facebook-size-179px.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":4213,"url":"https:\/\/wpmtl.org\/2010\/11\/16\/montreal-wordpress-developer-meetup-november-29th\/","url_meta":{"origin":3766,"position":4},"title":"Montreal WordPress Developer Meetup November 29th","author":"jeremyclarke","date":"16 November, 2010","format":false,"excerpt":"Another edition of our mostly-monthly developer meetup will happen November 29th. We hope you can join us this time to go over some of the topics we didn't get to at the last meeting :) If you plan to attend please RSVP on the Facebook event listing for the meetup.\u2026","rel":"","context":"In &quot;Meetup communautaires&quot;","block_context":{"text":"Meetup communautaires","link":"https:\/\/wpmtl.org\/category\/evenements\/meetup-communautaires\/"},"img":{"alt_text":"wcmtl-developer-meetup-facebook-size-179px","src":"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2010\/11\/wcmtl-developer-meetup-facebook-size-179px.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3379,"url":"https:\/\/wpmtl.org\/en\/2016\/10\/16\/child-themes\/","url_meta":{"origin":3766,"position":5},"title":"Getting Comfortable With Child Themes: A Practical Workshop &#8211; November 24, 2016","author":"Kathryn Presner","date":"16 October, 2016","format":false,"excerpt":"Getting Comfortable With Child Themes: A Practical Workshop Child themes are a simple but powerful way to customize a pre-made theme. Learning how to use them properly means you\u2019ll never risk losing all your modifications when the developer releases a new version and you update the theme. Using easy-to-follow language,\u2026","rel":"","context":"In &quot;Community Meetups&quot;","block_context":{"text":"Community Meetups","link":"https:\/\/wpmtl.org\/en\/category\/events\/meetups\/"},"img":{"alt_text":"Atelier th\u00e8mes-enfants \/ Child Theming Workshop","src":"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/child-theming-workshop.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/child-theming-workshop.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/child-theming-workshop.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/child-theming-workshop.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/wpmtl.org\/wp-content\/uploads\/2016\/10\/child-theming-workshop.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/posts\/3766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/comments?post=3766"}],"version-history":[{"count":9,"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/posts\/3766\/revisions"}],"predecessor-version":[{"id":8613,"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/posts\/3766\/revisions\/8613"}],"wp:attachment":[{"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/media?parent=3766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/categories?post=3766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmtl.org\/en\/wp-json\/wp\/v2\/tags?post=3766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}