{"id":306,"date":"2023-10-29T11:13:00","date_gmt":"2023-10-29T11:13:00","guid":{"rendered":"https:\/\/ilyasseisov.com\/blog\/?p=306"},"modified":"2025-07-04T05:43:27","modified_gmt":"2025-07-04T05:43:27","slug":"react-101-from-static-pages-to-interactive-magic-%e2%9a%9b%ef%b8%8f%f0%9f%92%bb","status":"publish","type":"post","link":"https:\/\/ilyasseisov.com\/blog\/react-101-from-static-pages-to-interactive-magic-%e2%9a%9b%ef%b8%8f%f0%9f%92%bb\/","title":{"rendered":"React 101: From Static Pages to Interactive Magic \u269b\ufe0f\ud83d\udcbb"},"content":{"rendered":"\n<p>I recently hosted a seminar on <em>\u201cReact.js Basics\u201d<\/em> at the American Center in Ashgabat \ud83d\ude0a<\/p>\n\n\n\n<p>We kicked things off with a quick journey through the history of the web \u2014 from simple static pages to the dynamic, interactive web apps we know today.<\/p>\n\n\n\n<p>Then came the fun part: comparing good old vanilla JavaScript with React \u2014 the superhero of modern web development \ud83e\uddb8\u200d\u2642\ufe0f<\/p>\n\n\n\n<p>I covered key concepts like JSX, components, props, lifecycle methods, and more \u2014 all the building blocks you need to start writing your own React apps.<\/p>\n\n\n\n<p>To bring it all to life, I showed off a little project of mine: the <strong>Memory App<\/strong>. Watching the app in action got the whole room excited \u2014 seeing React \u201cclick\u201d for people is always the best part \ud83e\udd1f<\/p>\n\n\n\n<p>It was an awesome session that (hopefully) sparked a love for web development in some future devs out there!<\/p>\n\n\n\n<p>The event took place on October 29, 2023.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"810\" data-id=\"309\" src=\"https:\/\/ilyasseisov.com\/blog\/wp-content\/uploads\/2025\/07\/29-10-2023-1.jpg\" alt=\"\" class=\"wp-image-309\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"810\" data-id=\"308\" src=\"https:\/\/ilyasseisov.com\/blog\/wp-content\/uploads\/2025\/07\/29-10-2023-2.jpg\" alt=\"\" class=\"wp-image-308\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"810\" data-id=\"307\" src=\"https:\/\/ilyasseisov.com\/blog\/wp-content\/uploads\/2025\/07\/29-10-2023-3.jpg\" alt=\"\" class=\"wp-image-307\"\/><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>I recently hosted a seminar on \u201cReact.js Basics\u201d at the American Center in Ashgabat \ud83d\ude0a We kicked things off with a quick journey through the history of the web \u2014 from simple static pages to the dynamic, interactive web apps we know today. Then came the fun part: comparing good old vanilla JavaScript with React [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":310,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-306","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-events"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/posts\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":2,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/posts\/306\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/posts\/306\/revisions\/404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/media\/310"}],"wp:attachment":[{"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/media?parent=306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/categories?post=306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ilyasseisov.com\/blog\/wp-json\/wp\/v2\/tags?post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}