أماديوس بالعربي - تواصل معنا

Course

Updated on

September 17, 2025

Modern Web Development with React

متوسط

0 Student

Watch Introduction

متوسط

0 Student

Duration:

32 hours 0 minute

Lessons:

15 Lessons

Materials:

Downloadable Communication Planning Template (PDF)

Team Meeting Checklist (Google Docs)

Slide Deck: Effective Communication Models

Sample Email Scripts for Common Scenarios

Printable Certificate of Completion

Access to Discussion Board & Peer Feedback

End-of-course Quiz & Knowledge Check

Certificate:

Yes

Category

{"blocks":{"dphew29o":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"courses","collectionType":"terms","items":3,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":[],"offset":0,"inherit":true,"taxonomy":"course-category"}},"styleIds":[],"className":"","source":"kirki","children":["dpfebi9f","dpd5rwsa","dpx1u8cd","dpngstv5"],"id":"dphew29o","parentId":"dpzm9ese","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpfebi9f":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":["dp5hbag6"],"id":"dpfebi9f","parentId":"dphew29o","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp5hbag6":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["dpsjnnea"],"id":"dp5hbag6","parentId":"dpfebi9f","template_mounted":true},"dpsjnnea":{"styleIds":["beatlab_dpegq1d1","beatlab_dpio7cp3","beatlab_dpvp8wnt"],"visibility":true,"collapse":false,"name":"link-block","title":"Term Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"term","value":"link"},"componentType":"terms"},"className":"","source":"kirki","children":["dpwop4lu"],"id":"dpsjnnea","parentId":"dp5hbag6","template_mounted":true},"dpwop4lu":{"styleIds":[],"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Term"],"tag":"p","dynamicContent":{"type":"term","value":"name"},"componentType":"terms"},"className":"","source":"kirki","id":"dpwop4lu","parentId":"dpsjnnea"},"dpd5rwsa":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dpd5rwsa","parentId":"dphew29o","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpx1u8cd":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":[],"id":"dpx1u8cd","parentId":"dphew29o","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":true},"dpngstv5":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dpngstv5","parentId":"dphew29o","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"beatlab_dpegq1d1":{"id":"beatlab_dpegq1d1","type":"class","name":["beatlab_P1-Semi-Bold"],"variant":{"md":"font-family:Inter;font-weight:600;font-size:18px;line-height:1.4em;font-style:normal;text-decoration:none;","tablet":"font-size:17px;","mobile":"font-size:16px;line-height:1.5em;"},"isGlobal":true},"beatlab_dpio7cp3":{"id":"beatlab_dpio7cp3","type":"class","name":["beatlab_Black"],"variant":{"md":""},"isGlobal":true},"beatlab_dpvp8wnt":{"id":"beatlab_dpvp8wnt","type":"class","name":["beatlab_P1-Semi-Bold","beatlab_Black"],"variant":{"md":"color:var(--beatlab_dp8666sv);"},"isGlobal":true,"isComboClass":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true}}}

Software Development

Overview:

A hands-on course teaching modern front-end development with React, component design, state management, and deployment. Geared toward developers building internal tools or product features in corporate settings.
You’ll build and deploy a small app while learning best practices for maintainable, performant interfaces.

What You’ll Learn?

Core React concepts: components, hooks, and state

Project organization and styling approaches

API integration, routing, and error handling

Deployment and performance optimization

Price

Free

Overview:

A hands-on course teaching modern front-end development with React, component design, state management, and deployment. Geared toward developers building internal tools or product features in corporate settings.
You’ll build and deploy a small app while learning best practices for maintainable, performant interfaces.

Requirements

Basic JavaScript knowledge (ES6)

Local development environment (Node.js, code editor)

Willingness to write and test small apps

Course Modules

{"blocks":{"dp0bszs4":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-topics","collectionType":"TUTOR_LMS_COURSES","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["dp4jdrlt","dpwls95w","dpztqg9m","dp7yg66i"],"id":"dp0bszs4","parentId":"dpmbyc88","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp4jdrlt":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dpske5d5"],"className":"","source":"kirki","children":["dpb5obga"],"id":"dp4jdrlt","parentId":"dp0bszs4","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpb5obga":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["dpco5lb2"],"id":"dpb5obga","parentId":"dp4jdrlt","template_mounted":true},"dpco5lb2":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div","interactions":{"elementAsTrigger":{"click":{"preset":[{"data":{"dpco5lb2":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"textAnimation":[{"data":{"dpco5lb2":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"custom":[{"data":{"dp0xsdib":[{"active":true,"duration":0,"start":{"width":{"value":"auto","unit":"auto"},"height":{"value":"auto","unit":"auto"}},"end":{"width":{"value":"auto","unit":"auto"},"height":{"value":0,"unit":"px"}},"easing":"linear","delay":0,"property":"size","setAsInitial":true},{"active":true,"duration":500,"start":{"width":{"value":"auto","unit":"auto"},"height":{"value":0,"unit":"px"}},"end":{"width":{"value":"auto","unit":"auto"},"height":{"value":"scrollHeight","unit":"scrollHeight","unitonly":true}},"easing":"cubic-bezier(0.01, 0.69, 0.31, 0.99)","delay":20,"property":"size","setAsInitial":false,"spring":null}],"dpnfgf3h":[{"active":true,"duration":0,"start":{"x":{"value":"auto","unit":"auto"},"y":{"value":"auto","unit":"auto"},"z":{"value":"auto","unit":"auto"}},"end":{"x":{"value":"auto","unit":"auto"},"y":{"value":"auto","unit":"auto"},"z":{"value":0,"unit":"deg"}},"easing":"linear","delay":0,"property":"rotate","setAsInitial":true},{"active":true,"duration":500,"start":{"x":{"value":"auto","unit":"auto"},"y":{"value":"auto","unit":"auto"},"z":{"value":0,"unit":"deg"}},"end":{"x":{"value":"auto","unit":"auto"},"y":{"value":"auto","unit":"auto"},"z":{"value":180,"unit":"deg"}},"easing":"cubic-bezier(0.01, 0.69, 0.31, 0.99)","delay":20,"property":"rotate","setAsInitial":false,"spring":null}],"dp0xsdib____info":{"applyToClass":true,"classApplyOnly":"childrens","styleBlockId":"beatlab_dp7pz2zl"},"dpnfgf3h____info":{"applyToClass":true,"styleBlockId":"beatlab_dpi5mifj","classApplyOnly":"childrens"}},"deviceAndClassList":{"classList":["beatlab_dpoawfv6"],"devices":[],"applyToClass":true,"styleBlockId":"beatlab_dpv5ncs2"},"name":"Response","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}]},"dblclick":{"preset":[{"data":{"dpco5lb2":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"textAnimation":[{"data":{"dpco5lb2":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"custom":[{"data":{"dp0xsdib":[{"active":true,"duration":500,"start":{"width":{"value":"auto","unit":"auto"},"height":{"value":0,"unit":"px"}},"end":{"width":{"value":"auto","unit":"auto"},"height":{"value":0,"unit":"px"}},"easing":"cubic-bezier(0.01, 0.69, 0.31, 0.99)","delay":0,"property":"size","setAsInitial":false,"spring":null}],"dpnfgf3h":[{"active":true,"duration":500,"start":{"x":{"value":"auto","unit":"auto"},"y":{"value":"auto","unit":"auto"},"z":{"value":0,"unit":"deg"}},"end":{"x":{"value":"auto","unit":"auto"},"y":{"value":"auto","unit":"auto"},"z":{"value":0,"unit":"deg"}},"easing":"cubic-bezier(0.01, 0.69, 0.31, 0.99)","delay":0,"property":"rotate","setAsInitial":false,"spring":null}],"dp0xsdib____info":{"applyToClass":true,"classApplyOnly":"childrens","styleBlockId":"beatlab_dp7pz2zl"},"dpnfgf3h____info":{"applyToClass":true,"styleBlockId":"beatlab_dpi5mifj","classApplyOnly":"childrens"}},"deviceAndClassList":{"classList":["beatlab_dpoawfv6"],"devices":[],"applyToClass":true,"styleBlockId":"beatlab_dpv5ncs2"},"name":"Response","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}]}},"deviceAndClassList":null}},"styleIds":["beatlab_dpv5ncs2"],"className":"","source":"kirki","children":["dp1boc74","dp0xsdib","dpj9nh27"],"id":"dpco5lb2","parentId":"dpb5obga","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp1boc74":{"visibility":true,"collapse":false,"name":"div","title":"question wrapper","properties":{"tag":"div"},"styleIds":["beatlab_dps8b1y2"],"className":"","source":"kirki","children":["dpayr7dn","dpnfgf3h"],"id":"dp1boc74","parentId":"dpco5lb2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpayr7dn":{"visibility":true,"collapse":false,"name":"div","title":"question","properties":{"tag":"div"},"styleIds":["beatlab_dpdoruig"],"className":"","source":"kirki","children":["dp8az0ud","dpnpo3kw"],"id":"dpayr7dn","parentId":"dp1boc74","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp8az0ud":{"visibility":true,"collapse":false,"name":"div","title":"serial","properties":{"tag":"div"},"styleIds":["beatlab_dp95lju3"],"className":"","source":"kirki","children":["dp381h4a"],"id":"dp8az0ud","parentId":"dpayr7dn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp381h4a":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["1."],"tag":"p","dynamicContent":{"type":"others","value":"item_index"}},"styleIds":["beatlab_dpmvelb2","beatlab_dpiw24rf","beatlab_dp83ebwu"],"className":"","source":"kirki","id":"dp381h4a","parentId":"dp8az0ud","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpnpo3kw":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpyti08g"],"className":"","source":"kirki","id":"dpnpo3kw","parentId":"dpayr7dn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpnfgf3h":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"11\" viewBox=\"0 0 18 11\" fill=\"none\">\n    <path d=\"M0.707031 0.707031L8.70703 8.70703L16.707 0.707031\" stroke=\"#040404\" stroke-width=\"2\" \/>\n<\/svg>"},"styleIds":["beatlab_dpi5mifj"],"className":"","source":"kirki","id":"dpnfgf3h","parentId":"dp1boc74","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp0xsdib":{"visibility":true,"collapse":false,"name":"div","title":"ans wrapper","properties":{"tag":"div"},"styleIds":["beatlab_dp7pz2zl"],"className":"","source":"kirki","children":["dptfqb3d"],"id":"dp0xsdib","parentId":"dpco5lb2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dptfqb3d":{"visibility":true,"collapse":false,"name":"div","title":"ans","properties":{"tag":"div"},"styleIds":["beatlab_dp9oldzo"],"className":"","source":"kirki","children":["dpt53aue"],"id":"dptfqb3d","parentId":"dp0xsdib","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpt53aue":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-materials","collectionType":"TUTOR_LMS_CURRICULUM","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["dp1uy8ur","dp5zfv4b","dpkfe2rt","dp1sowpm"],"id":"dpt53aue","parentId":"dptfqb3d","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp1uy8ur":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp9tcwzo"],"className":"","source":"kirki","children":["dptwmxsh"],"id":"dp1uy8ur","parentId":"dpt53aue","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":false},"dptwmxsh":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["dpbn49qt"],"id":"dptwmxsh","parentId":"dp1uy8ur","template_mounted":true},"dpbn49qt":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"styleIds":["beatlab_dpe2x7r4"],"className":"","source":"kirki","children":["dpxl1d7j","dpqf5p8w"],"id":"dpbn49qt","parentId":"dptwmxsh","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpxl1d7j":{"visibility":true,"collapse":false,"name":"div","title":"shape","properties":{"tag":"div"},"styleIds":["beatlab_dpahoqqe"],"className":"","source":"kirki","children":["dp27pbj4"],"id":"dpxl1d7j","parentId":"dpbn49qt","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp27pbj4":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n  <path d=\"M4.79705 1.29258C5.6144 1.77087 6.32478 2.28828 6.87902 2.73284C7.63718 3.34097 7.66578 4.41598 6.94124 5.06193C6.36825 5.57277 5.62759 6.16669 4.79705 6.67295C4.00079 7.15833 3.12192 7.56314 2.36612 7.87066C1.35578 8.28175 0.27427 7.67273 0.148835 6.61206C0.0658922 5.91071 0 5.05342 0 4.09973C0 3.10832 0.0712073 2.18636 0.158753 1.4275C0.284193 0.340161 1.3966 -0.293012 2.42917 0.134877C3.15869 0.437182 4.0031 0.82797 4.79705 1.29258Z\" fill=\"#040404\"\/>\n<\/svg>"},"styleIds":["beatlab_dps2hifz"],"className":"","source":"kirki","id":"dp27pbj4","parentId":"dpxl1d7j","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpqf5p8w":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpkp2mvi"],"className":"","source":"kirki","id":"dpqf5p8w","parentId":"dpbn49qt","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp5zfv4b":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dp5zfv4b","parentId":"dpt53aue","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpkfe2rt":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["dp023yva"],"id":"dpkfe2rt","parentId":"dpt53aue","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp023yva":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["dpzuywwu"],"id":"dp023yva","parentId":"dpkfe2rt","template_mounted":true},"dpzuywwu":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"dpzuywwu","parentId":"dp023yva"},"dp1sowpm":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dp1sowpm","parentId":"dpt53aue","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpj9nh27":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","name":"Vector","library":"default-default","svgOuterHtml":"<svg viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13 5.71379C13 1.92069 8.80005 1.28848 7.00008 3.81724C5.2001 1.28848 1 1.9207 1 5.7138C1 9.50693 4.60011 12.0356 7.00008 13.3C9.40005 12.0356 13 9.50691 13 5.71379Z\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" \/><\/svg>"},"styleIds":[],"className":"","source":"kirki","id":"dpj9nh27","parentId":"dpco5lb2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpwls95w":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dpwls95w","parentId":"dp0bszs4","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpztqg9m":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["dp6gxrfg"],"id":"dpztqg9m","parentId":"dp0bszs4","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":true},"dp6gxrfg":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["dp3fygin"],"id":"dp6gxrfg","parentId":"dpztqg9m","template_mounted":true},"dp3fygin":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"dp3fygin","parentId":"dp6gxrfg"},"dp7yg66i":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dp7yg66i","parentId":"dp0bszs4","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"hide":true}},"styles":{"beatlab_dpske5d5":{"id":"beatlab_dpske5d5","type":"class","name":"beatlab_dpm2adnq","variant":{"md":"display:flex;flex-direction:column;row-gap:18px;"}},"beatlab_dpv5ncs2":{"id":"beatlab_dpv5ncs2","type":"class","name":"beatlab_dpoawfv6","variant":{"md":"width:100%;background-image:none;background-color:var(--beatlab_dpwaddc0);border-radius:18px;cursor:pointer;padding:36px;","mobile":"border-radius:12px;padding:20px;"}},"beatlab_dps8b1y2":{"id":"beatlab_dps8b1y2","type":"class","name":"beatlab_dp3n5vlm","variant":{"md":"display:flex;align-items:center;column-gap:24px;justify-content:space-between;","mobile":"column-gap:12px;"}},"beatlab_dpdoruig":{"id":"beatlab_dpdoruig","type":"class","name":"beatlab_dp4hyre1","variant":{"md":"display:flex;align-items:center;column-gap:18px;","tablet":"column-gap:8px;","mobile":"column-gap:4px;"}},"beatlab_dp95lju3":{"id":"beatlab_dp95lju3","type":"class","name":"beatlab_dpmlkpkt","variant":{"md":"width:98px;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dpmvelb2":{"id":"beatlab_dpmvelb2","type":"class","name":"beatlab_H4-Bold","variant":{"md":"font-family:\"Space Grotesk\";font-weight:700;font-size:32px;line-height:1.25em;","tablet":"font-size:28px;","mobile":"font-size:24px;"},"isGlobal":true},"beatlab_dpiw24rf":{"id":"beatlab_dpiw24rf","type":"class","name":["beatlab_text-primary"],"variant":{"md":""},"isGlobal":true},"beatlab_dp83ebwu":{"id":"beatlab_dp83ebwu","type":"class","name":["beatlab_H4-Bold","beatlab_text-primary"],"variant":{"md":"color:var(--beatlab_dpw8f33d);"},"isGlobal":true,"isComboClass":true},"beatlab_dpyti08g":{"id":"beatlab_dpyti08g","type":"class","name":["beatlab_H5-Bold"],"variant":{"md":"font-family:\"Space Grotesk\";font-weight:700;font-size:24px;line-height:1.3em;","tablet":"font-size:22px;","mobile":"font-size:20px;line-height:1.4em;"},"isGlobal":true},"beatlab_dpi5mifj":{"id":"beatlab_dpi5mifj","type":"class","name":"beatlab_dplixikb","variant":{"md":"width:16px;height:8px;min-width:16px;","mobile":"min-width:16px;"}},"beatlab_dp7pz2zl":{"id":"beatlab_dp7pz2zl","type":"class","name":"beatlab_ans-","variant":{"md":"overflow:hidden;"},"isGlobal":true},"beatlab_dp9oldzo":{"id":"beatlab_dp9oldzo","type":"class","name":"beatlab_dpb9gsg0","variant":{"md":"padding:36px 0px 0px 0px;"}},"beatlab_dp9tcwzo":{"id":"beatlab_dp9tcwzo","type":"class","name":"beatlab_dpfawuoj","variant":{"md":"display:flex;flex-direction:column;row-gap:1px;"}},"beatlab_dpe2x7r4":{"id":"beatlab_dpe2x7r4","type":"class","name":"beatlab_dpfwbwp3","variant":{"md":"display:flex;column-gap:18px;color:var(--beatlab_dp8666sv);line-height:24px;font-style:normal;text-decoration:none;font-weight:400;padding:5px 0px 5px 0px;","tablet":"display:flex;column-gap:18px;column-gap:8px;","mobile":"display:flex;column-gap:18px;column-gap:8px;column-gap:4px;"},"isGlobal":true},"beatlab_dpahoqqe":{"id":"beatlab_dpahoqqe","type":"class","name":"beatlab_dpynit30","variant":{"md":"width:98px;display:flex;align-items:center;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dps2hifz":{"id":"beatlab_dps2hifz","type":"class","name":"beatlab_dp9taqbg","variant":{"md":"min-width:8px;width:8px;height:8px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

0

React Basics

{"blocks":{"kirki-s-6a720eb442e1a":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-materials","collectionType":"TUTOR_LMS_CURRICULUM","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["kirki-s-6a720eb442e1c","kirki-s-6a720eb442e29","kirki-s-6a720eb442e2b","kirki-s-6a720eb442e31"],"id":"kirki-s-6a720eb442e1a","parentId":"kirki-s-6a720eb442e18","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb442e1c":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp9tcwzo"],"className":"","source":"kirki","children":["kirki-s-6a720eb442e1d"],"id":"kirki-s-6a720eb442e1c","parentId":"kirki-s-6a720eb442e1a","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":false},"kirki-s-6a720eb442e1d":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["kirki-s-6a720eb442e1f"],"id":"kirki-s-6a720eb442e1d","parentId":"kirki-s-6a720eb442e1c","template_mounted":true},"kirki-s-6a720eb442e1f":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"styleIds":["beatlab_dpe2x7r4"],"className":"","source":"kirki","children":["kirki-s-6a720eb442e21","kirki-s-6a720eb442e25"],"id":"kirki-s-6a720eb442e1f","parentId":"kirki-s-6a720eb442e1d","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb442e21":{"visibility":true,"collapse":false,"name":"div","title":"shape","properties":{"tag":"div"},"styleIds":["beatlab_dpahoqqe"],"className":"","source":"kirki","children":["kirki-s-6a720eb442e22"],"id":"kirki-s-6a720eb442e21","parentId":"kirki-s-6a720eb442e1f","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb442e22":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n  <path d=\"M4.79705 1.29258C5.6144 1.77087 6.32478 2.28828 6.87902 2.73284C7.63718 3.34097 7.66578 4.41598 6.94124 5.06193C6.36825 5.57277 5.62759 6.16669 4.79705 6.67295C4.00079 7.15833 3.12192 7.56314 2.36612 7.87066C1.35578 8.28175 0.27427 7.67273 0.148835 6.61206C0.0658922 5.91071 0 5.05342 0 4.09973C0 3.10832 0.0712073 2.18636 0.158753 1.4275C0.284193 0.340161 1.3966 -0.293012 2.42917 0.134877C3.15869 0.437182 4.0031 0.82797 4.79705 1.29258Z\" fill=\"#040404\"\/>\n<\/svg>"},"styleIds":["beatlab_dps2hifz"],"className":"","source":"kirki","id":"kirki-s-6a720eb442e22","parentId":"kirki-s-6a720eb442e21","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb442e25":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpkp2mvi"],"className":"","source":"kirki","id":"kirki-s-6a720eb442e25","parentId":"kirki-s-6a720eb442e1f","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb442e29":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb442e29","parentId":"kirki-s-6a720eb442e1a","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb442e2b":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["kirki-s-6a720eb442e2d"],"id":"kirki-s-6a720eb442e2b","parentId":"kirki-s-6a720eb442e1a","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb442e2d":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["kirki-s-6a720eb442e2f"],"id":"kirki-s-6a720eb442e2d","parentId":"kirki-s-6a720eb442e2b","template_mounted":true},"kirki-s-6a720eb442e2f":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb442e2f","parentId":"kirki-s-6a720eb442e2d"},"kirki-s-6a720eb442e31":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb442e31","parentId":"kirki-s-6a720eb442e1a","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"beatlab_dp9tcwzo":{"id":"beatlab_dp9tcwzo","type":"class","name":"beatlab_dpfawuoj","variant":{"md":"display:flex;flex-direction:column;row-gap:1px;"}},"beatlab_dpe2x7r4":{"id":"beatlab_dpe2x7r4","type":"class","name":"beatlab_dpfwbwp3","variant":{"md":"display:flex;column-gap:18px;color:var(--beatlab_dp8666sv);line-height:24px;font-style:normal;text-decoration:none;font-weight:400;padding:5px 0px 5px 0px;","tablet":"display:flex;column-gap:18px;column-gap:8px;","mobile":"display:flex;column-gap:18px;column-gap:8px;column-gap:4px;"},"isGlobal":true},"beatlab_dpahoqqe":{"id":"beatlab_dpahoqqe","type":"class","name":"beatlab_dpynit30","variant":{"md":"width:98px;display:flex;align-items:center;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dps2hifz":{"id":"beatlab_dps2hifz","type":"class","name":"beatlab_dp9taqbg","variant":{"md":"min-width:8px;width:8px;height:8px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

What is React? Why Use It?

Components, Props, and State

JSX and Virtual DOM

Build Your First React Component

React Fundamentals

0

React Project Structure

{"blocks":{"kirki-s-6a720eb4446c0":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-materials","collectionType":"TUTOR_LMS_CURRICULUM","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["kirki-s-6a720eb4446c1","kirki-s-6a720eb4446ca","kirki-s-6a720eb4446cb","kirki-s-6a720eb4446d0"],"id":"kirki-s-6a720eb4446c0","parentId":"kirki-s-6a720eb4446be","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb4446c1":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp9tcwzo"],"className":"","source":"kirki","children":["kirki-s-6a720eb4446c2"],"id":"kirki-s-6a720eb4446c1","parentId":"kirki-s-6a720eb4446c0","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":false},"kirki-s-6a720eb4446c2":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["kirki-s-6a720eb4446c3"],"id":"kirki-s-6a720eb4446c2","parentId":"kirki-s-6a720eb4446c1","template_mounted":true},"kirki-s-6a720eb4446c3":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"styleIds":["beatlab_dpe2x7r4"],"className":"","source":"kirki","children":["kirki-s-6a720eb4446c5","kirki-s-6a720eb4446c7"],"id":"kirki-s-6a720eb4446c3","parentId":"kirki-s-6a720eb4446c2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb4446c5":{"visibility":true,"collapse":false,"name":"div","title":"shape","properties":{"tag":"div"},"styleIds":["beatlab_dpahoqqe"],"className":"","source":"kirki","children":["kirki-s-6a720eb4446c6"],"id":"kirki-s-6a720eb4446c5","parentId":"kirki-s-6a720eb4446c3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb4446c6":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n  <path d=\"M4.79705 1.29258C5.6144 1.77087 6.32478 2.28828 6.87902 2.73284C7.63718 3.34097 7.66578 4.41598 6.94124 5.06193C6.36825 5.57277 5.62759 6.16669 4.79705 6.67295C4.00079 7.15833 3.12192 7.56314 2.36612 7.87066C1.35578 8.28175 0.27427 7.67273 0.148835 6.61206C0.0658922 5.91071 0 5.05342 0 4.09973C0 3.10832 0.0712073 2.18636 0.158753 1.4275C0.284193 0.340161 1.3966 -0.293012 2.42917 0.134877C3.15869 0.437182 4.0031 0.82797 4.79705 1.29258Z\" fill=\"#040404\"\/>\n<\/svg>"},"styleIds":["beatlab_dps2hifz"],"className":"","source":"kirki","id":"kirki-s-6a720eb4446c6","parentId":"kirki-s-6a720eb4446c5","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb4446c7":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpkp2mvi"],"className":"","source":"kirki","id":"kirki-s-6a720eb4446c7","parentId":"kirki-s-6a720eb4446c3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb4446ca":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb4446ca","parentId":"kirki-s-6a720eb4446c0","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb4446cb":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["kirki-s-6a720eb4446cd"],"id":"kirki-s-6a720eb4446cb","parentId":"kirki-s-6a720eb4446c0","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb4446cd":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["kirki-s-6a720eb4446ce"],"id":"kirki-s-6a720eb4446cd","parentId":"kirki-s-6a720eb4446cb","template_mounted":true},"kirki-s-6a720eb4446ce":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb4446ce","parentId":"kirki-s-6a720eb4446cd"},"kirki-s-6a720eb4446d0":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb4446d0","parentId":"kirki-s-6a720eb4446c0","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"beatlab_dp9tcwzo":{"id":"beatlab_dp9tcwzo","type":"class","name":"beatlab_dpfawuoj","variant":{"md":"display:flex;flex-direction:column;row-gap:1px;"}},"beatlab_dpe2x7r4":{"id":"beatlab_dpe2x7r4","type":"class","name":"beatlab_dpfwbwp3","variant":{"md":"display:flex;column-gap:18px;color:var(--beatlab_dp8666sv);line-height:24px;font-style:normal;text-decoration:none;font-weight:400;padding:5px 0px 5px 0px;","tablet":"display:flex;column-gap:18px;column-gap:8px;","mobile":"display:flex;column-gap:18px;column-gap:8px;column-gap:4px;"},"isGlobal":true},"beatlab_dpahoqqe":{"id":"beatlab_dpahoqqe","type":"class","name":"beatlab_dpynit30","variant":{"md":"width:98px;display:flex;align-items:center;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dps2hifz":{"id":"beatlab_dps2hifz","type":"class","name":"beatlab_dp9taqbg","variant":{"md":"min-width:8px;width:8px;height:8px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

Organizing Files & Folders

Using Create React App & Vite

Styling with CSS, Tailwind, or Styled Components

Create a Styled Multi-Component App

Project Setup & Styling

0

State Management

{"blocks":{"kirki-s-6a720eb445e61":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-materials","collectionType":"TUTOR_LMS_CURRICULUM","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["kirki-s-6a720eb445e62","kirki-s-6a720eb445e6c","kirki-s-6a720eb445e6d","kirki-s-6a720eb445e72"],"id":"kirki-s-6a720eb445e61","parentId":"kirki-s-6a720eb445e60","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb445e62":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp9tcwzo"],"className":"","source":"kirki","children":["kirki-s-6a720eb445e64"],"id":"kirki-s-6a720eb445e62","parentId":"kirki-s-6a720eb445e61","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":false},"kirki-s-6a720eb445e64":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["kirki-s-6a720eb445e65"],"id":"kirki-s-6a720eb445e64","parentId":"kirki-s-6a720eb445e62","template_mounted":true},"kirki-s-6a720eb445e65":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"styleIds":["beatlab_dpe2x7r4"],"className":"","source":"kirki","children":["kirki-s-6a720eb445e66","kirki-s-6a720eb445e69"],"id":"kirki-s-6a720eb445e65","parentId":"kirki-s-6a720eb445e64","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb445e66":{"visibility":true,"collapse":false,"name":"div","title":"shape","properties":{"tag":"div"},"styleIds":["beatlab_dpahoqqe"],"className":"","source":"kirki","children":["kirki-s-6a720eb445e67"],"id":"kirki-s-6a720eb445e66","parentId":"kirki-s-6a720eb445e65","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb445e67":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n  <path d=\"M4.79705 1.29258C5.6144 1.77087 6.32478 2.28828 6.87902 2.73284C7.63718 3.34097 7.66578 4.41598 6.94124 5.06193C6.36825 5.57277 5.62759 6.16669 4.79705 6.67295C4.00079 7.15833 3.12192 7.56314 2.36612 7.87066C1.35578 8.28175 0.27427 7.67273 0.148835 6.61206C0.0658922 5.91071 0 5.05342 0 4.09973C0 3.10832 0.0712073 2.18636 0.158753 1.4275C0.284193 0.340161 1.3966 -0.293012 2.42917 0.134877C3.15869 0.437182 4.0031 0.82797 4.79705 1.29258Z\" fill=\"#040404\"\/>\n<\/svg>"},"styleIds":["beatlab_dps2hifz"],"className":"","source":"kirki","id":"kirki-s-6a720eb445e67","parentId":"kirki-s-6a720eb445e66","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb445e69":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpkp2mvi"],"className":"","source":"kirki","id":"kirki-s-6a720eb445e69","parentId":"kirki-s-6a720eb445e65","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb445e6c":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb445e6c","parentId":"kirki-s-6a720eb445e61","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb445e6d":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["kirki-s-6a720eb445e6e"],"id":"kirki-s-6a720eb445e6d","parentId":"kirki-s-6a720eb445e61","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb445e6e":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["kirki-s-6a720eb445e70"],"id":"kirki-s-6a720eb445e6e","parentId":"kirki-s-6a720eb445e6d","template_mounted":true},"kirki-s-6a720eb445e70":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb445e70","parentId":"kirki-s-6a720eb445e6e"},"kirki-s-6a720eb445e72":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb445e72","parentId":"kirki-s-6a720eb445e61","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"beatlab_dp9tcwzo":{"id":"beatlab_dp9tcwzo","type":"class","name":"beatlab_dpfawuoj","variant":{"md":"display:flex;flex-direction:column;row-gap:1px;"}},"beatlab_dpe2x7r4":{"id":"beatlab_dpe2x7r4","type":"class","name":"beatlab_dpfwbwp3","variant":{"md":"display:flex;column-gap:18px;color:var(--beatlab_dp8666sv);line-height:24px;font-style:normal;text-decoration:none;font-weight:400;padding:5px 0px 5px 0px;","tablet":"display:flex;column-gap:18px;column-gap:8px;","mobile":"display:flex;column-gap:18px;column-gap:8px;column-gap:4px;"},"isGlobal":true},"beatlab_dpahoqqe":{"id":"beatlab_dpahoqqe","type":"class","name":"beatlab_dpynit30","variant":{"md":"width:98px;display:flex;align-items:center;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dps2hifz":{"id":"beatlab_dps2hifz","type":"class","name":"beatlab_dp9taqbg","variant":{"md":"min-width:8px;width:8px;height:8px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

useState & useEffect Hooks

Context API Basics

Intro to Redux & Alternatives

Implement State Management in an App

State Management

0

Routing & API Integration

{"blocks":{"kirki-s-6a720eb447592":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-materials","collectionType":"TUTOR_LMS_CURRICULUM","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["kirki-s-6a720eb447593","kirki-s-6a720eb44759c","kirki-s-6a720eb44759d","kirki-s-6a720eb4475a2"],"id":"kirki-s-6a720eb447592","parentId":"kirki-s-6a720eb447591","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb447593":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp9tcwzo"],"className":"","source":"kirki","children":["kirki-s-6a720eb447594"],"id":"kirki-s-6a720eb447593","parentId":"kirki-s-6a720eb447592","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":false},"kirki-s-6a720eb447594":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["kirki-s-6a720eb447595"],"id":"kirki-s-6a720eb447594","parentId":"kirki-s-6a720eb447593","template_mounted":true},"kirki-s-6a720eb447595":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"styleIds":["beatlab_dpe2x7r4"],"className":"","source":"kirki","children":["kirki-s-6a720eb447597","kirki-s-6a720eb447599"],"id":"kirki-s-6a720eb447595","parentId":"kirki-s-6a720eb447594","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb447597":{"visibility":true,"collapse":false,"name":"div","title":"shape","properties":{"tag":"div"},"styleIds":["beatlab_dpahoqqe"],"className":"","source":"kirki","children":["kirki-s-6a720eb447598"],"id":"kirki-s-6a720eb447597","parentId":"kirki-s-6a720eb447595","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb447598":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n  <path d=\"M4.79705 1.29258C5.6144 1.77087 6.32478 2.28828 6.87902 2.73284C7.63718 3.34097 7.66578 4.41598 6.94124 5.06193C6.36825 5.57277 5.62759 6.16669 4.79705 6.67295C4.00079 7.15833 3.12192 7.56314 2.36612 7.87066C1.35578 8.28175 0.27427 7.67273 0.148835 6.61206C0.0658922 5.91071 0 5.05342 0 4.09973C0 3.10832 0.0712073 2.18636 0.158753 1.4275C0.284193 0.340161 1.3966 -0.293012 2.42917 0.134877C3.15869 0.437182 4.0031 0.82797 4.79705 1.29258Z\" fill=\"#040404\"\/>\n<\/svg>"},"styleIds":["beatlab_dps2hifz"],"className":"","source":"kirki","id":"kirki-s-6a720eb447598","parentId":"kirki-s-6a720eb447597","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb447599":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpkp2mvi"],"className":"","source":"kirki","id":"kirki-s-6a720eb447599","parentId":"kirki-s-6a720eb447595","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb44759c":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb44759c","parentId":"kirki-s-6a720eb447592","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb44759d":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["kirki-s-6a720eb44759f"],"id":"kirki-s-6a720eb44759d","parentId":"kirki-s-6a720eb447592","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb44759f":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["kirki-s-6a720eb4475a0"],"id":"kirki-s-6a720eb44759f","parentId":"kirki-s-6a720eb44759d","template_mounted":true},"kirki-s-6a720eb4475a0":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb4475a0","parentId":"kirki-s-6a720eb44759f"},"kirki-s-6a720eb4475a2":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb4475a2","parentId":"kirki-s-6a720eb447592","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"beatlab_dp9tcwzo":{"id":"beatlab_dp9tcwzo","type":"class","name":"beatlab_dpfawuoj","variant":{"md":"display:flex;flex-direction:column;row-gap:1px;"}},"beatlab_dpe2x7r4":{"id":"beatlab_dpe2x7r4","type":"class","name":"beatlab_dpfwbwp3","variant":{"md":"display:flex;column-gap:18px;color:var(--beatlab_dp8666sv);line-height:24px;font-style:normal;text-decoration:none;font-weight:400;padding:5px 0px 5px 0px;","tablet":"display:flex;column-gap:18px;column-gap:8px;","mobile":"display:flex;column-gap:18px;column-gap:8px;column-gap:4px;"},"isGlobal":true},"beatlab_dpahoqqe":{"id":"beatlab_dpahoqqe","type":"class","name":"beatlab_dpynit30","variant":{"md":"width:98px;display:flex;align-items:center;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dps2hifz":{"id":"beatlab_dps2hifz","type":"class","name":"beatlab_dp9taqbg","variant":{"md":"min-width:8px;width:8px;height:8px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

React Router Basics

Fetching Data from REST APIs

Handling Loading & Error States

Create a Dashboard with Live API Data

Routing & API Knowledge

0

Deployment & Best Practices

{"blocks":{"kirki-s-6a720eb448cda":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-materials","collectionType":"TUTOR_LMS_CURRICULUM","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":[],"className":"","source":"kirki","children":["kirki-s-6a720eb448cdb","kirki-s-6a720eb448ce4","kirki-s-6a720eb448ce5","kirki-s-6a720eb448cea"],"id":"kirki-s-6a720eb448cda","parentId":"kirki-s-6a720eb448cd8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb448cdb":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp9tcwzo"],"className":"","source":"kirki","children":["kirki-s-6a720eb448cdc"],"id":"kirki-s-6a720eb448cdb","parentId":"kirki-s-6a720eb448cda","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":false},"kirki-s-6a720eb448cdc":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["kirki-s-6a720eb448cdd"],"id":"kirki-s-6a720eb448cdc","parentId":"kirki-s-6a720eb448cdb","template_mounted":true},"kirki-s-6a720eb448cdd":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"styleIds":["beatlab_dpe2x7r4"],"className":"","source":"kirki","children":["kirki-s-6a720eb448cde","kirki-s-6a720eb448ce1"],"id":"kirki-s-6a720eb448cdd","parentId":"kirki-s-6a720eb448cdc","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb448cde":{"visibility":true,"collapse":false,"name":"div","title":"shape","properties":{"tag":"div"},"styleIds":["beatlab_dpahoqqe"],"className":"","source":"kirki","children":["kirki-s-6a720eb448cdf"],"id":"kirki-s-6a720eb448cde","parentId":"kirki-s-6a720eb448cdd","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb448cdf":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n  <path d=\"M4.79705 1.29258C5.6144 1.77087 6.32478 2.28828 6.87902 2.73284C7.63718 3.34097 7.66578 4.41598 6.94124 5.06193C6.36825 5.57277 5.62759 6.16669 4.79705 6.67295C4.00079 7.15833 3.12192 7.56314 2.36612 7.87066C1.35578 8.28175 0.27427 7.67273 0.148835 6.61206C0.0658922 5.91071 0 5.05342 0 4.09973C0 3.10832 0.0712073 2.18636 0.158753 1.4275C0.284193 0.340161 1.3966 -0.293012 2.42917 0.134877C3.15869 0.437182 4.0031 0.82797 4.79705 1.29258Z\" fill=\"#040404\"\/>\n<\/svg>"},"styleIds":["beatlab_dps2hifz"],"className":"","source":"kirki","id":"kirki-s-6a720eb448cdf","parentId":"kirki-s-6a720eb448cde","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb448ce1":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["beatlab_dpkp2mvi"],"className":"","source":"kirki","id":"kirki-s-6a720eb448ce1","parentId":"kirki-s-6a720eb448cdd","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb448ce4":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb448ce4","parentId":"kirki-s-6a720eb448cda","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"kirki-s-6a720eb448ce5":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["kirki-s-6a720eb448ce7"],"id":"kirki-s-6a720eb448ce5","parentId":"kirki-s-6a720eb448cda","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"kirki-s-6a720eb448ce7":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["kirki-s-6a720eb448ce8"],"id":"kirki-s-6a720eb448ce7","parentId":"kirki-s-6a720eb448ce5","template_mounted":true},"kirki-s-6a720eb448ce8":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb448ce8","parentId":"kirki-s-6a720eb448ce7"},"kirki-s-6a720eb448cea":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"kirki-s-6a720eb448cea","parentId":"kirki-s-6a720eb448cda","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"beatlab_dp9tcwzo":{"id":"beatlab_dp9tcwzo","type":"class","name":"beatlab_dpfawuoj","variant":{"md":"display:flex;flex-direction:column;row-gap:1px;"}},"beatlab_dpe2x7r4":{"id":"beatlab_dpe2x7r4","type":"class","name":"beatlab_dpfwbwp3","variant":{"md":"display:flex;column-gap:18px;color:var(--beatlab_dp8666sv);line-height:24px;font-style:normal;text-decoration:none;font-weight:400;padding:5px 0px 5px 0px;","tablet":"display:flex;column-gap:18px;column-gap:8px;","mobile":"display:flex;column-gap:18px;column-gap:8px;column-gap:4px;"},"isGlobal":true},"beatlab_dpahoqqe":{"id":"beatlab_dpahoqqe","type":"class","name":"beatlab_dpynit30","variant":{"md":"width:98px;display:flex;align-items:center;","tablet":"width:56px;","mobile":"width:32px;"}},"beatlab_dps2hifz":{"id":"beatlab_dps2hifz","type":"class","name":"beatlab_dp9taqbg","variant":{"md":"min-width:8px;width:8px;height:8px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

Deploying React Apps (Vercel, Netlify)

Performance Optimization Tips

Testing with Jest & React Testing Library

Deploy and Share a React App

Deployment & Optimization

Your Mentor

{"blocks":{"dpb3dn7v":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"TUTOR_LMS-instructors","collectionType":"TUTOR_LMS_COURSES","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[],"offset":0,"inherit":true}},"styleIds":["beatlab_dpptzerc"],"className":"","source":"kirki","children":["dpjfsu95","dpkqy7k3","dp2xt6wv","dplffmwu"],"id":"dpb3dn7v","parentId":"dprpbah8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpjfsu95":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["beatlab_dp8p3akl"],"className":"","source":"kirki","children":["dp4h32vs"],"id":"dpjfsu95","parentId":"dpb3dn7v","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp4h32vs":{"styleIds":["beatlab_dpoqscdp"],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"kirki","children":["dpd9h2ti"],"id":"dp4h32vs","parentId":"dpjfsu95","template_mounted":true},"dpd9h2ti":{"visibility":true,"collapse":false,"name":"div","title":"mentor info","properties":{"tag":"div"},"styleIds":["beatlab_dpcg44f8"],"className":"","source":"kirki","children":["dpngro9p","dp35rwna"],"id":"dpd9h2ti","parentId":"dp4h32vs","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpngro9p":{"visibility":true,"collapse":false,"name":"div","title":"mentor img","properties":{"tag":"div"},"styleIds":["beatlab_dp91pud4"],"className":"","source":"kirki","children":["dpedcoyx"],"id":"dpngro9p","parentId":"dpd9h2ti","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpedcoyx":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"","alt":"","href":"","target":""},"dynamicContent":{"type":"user","value":"profile_image"}},"styleIds":["beatlab_kirki_image","beatlab_dperceon","beatlab_dpxiqwao"],"className":"","source":"kirki","id":"dpedcoyx","parentId":"dpngro9p","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp35rwna":{"visibility":true,"collapse":false,"name":"div","title":"details","properties":{"tag":"div"},"styleIds":["beatlab_dpmk4qvu"],"className":"","source":"kirki","children":["dp0mkm9i","dptbmfqv"],"id":"dp35rwna","parentId":"dpd9h2ti","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp0mkm9i":{"visibility":true,"collapse":false,"name":"div","title":"name\/link","properties":{"tag":"div"},"styleIds":["beatlab_dpmc9gtj"],"className":"","source":"kirki","children":["dpzk0cw9","dpligmi9"],"id":"dp0mkm9i","parentId":"dp35rwna","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpzk0cw9":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["John Carter"],"tag":"h3","dynamicContent":{"type":"user","value":"display_name"}},"styleIds":["beatlab_dp20epj7"],"className":"","source":"kirki","id":"dpzk0cw9","parentId":"dp0mkm9i","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpligmi9":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"user","value":"user_url"}},"styleIds":["beatlab_dpyh3tyd"],"className":"","source":"kirki","children":["dp2cw2cg","dpeyf8ey"],"id":"dpligmi9","parentId":"dp0mkm9i","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp2cw2cg":{"styleIds":["beatlab_dpq1pzrc","beatlab_dpiw24rf","beatlab_dpy2sqjv"],"visibility":true,"collapse":false,"name":"text","title":"Text","properties":{"contents":["See Profile"],"tag":"span"},"className":"","source":"kirki","id":"dp2cw2cg","parentId":"dpligmi9"},"dpeyf8ey":{"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\">\n    <path\n        d=\"M16 7.19287L9.38095 0L7.09524 2.71118L11.6667 5.69321H0V8.30679H11.6667L7.09524 11.2888L9.38095 14L16 7.19287Z\"\n        fill=\"#1900FF\" \/>\n<\/svg>"},"styleIds":["beatlab_dpung5t6"],"className":"","source":"kirki","id":"dpeyf8ey","parentId":"dpligmi9","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dptbmfqv":{"visibility":true,"collapse":false,"name":"div","title":"details wrapper","properties":{"tag":"div"},"styleIds":["beatlab_dpdaav6q"],"className":"","source":"kirki","children":["dp5yqajn","dpqtn50j"],"id":"dptbmfqv","parentId":"dp35rwna","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp5yqajn":{"visibility":true,"collapse":false,"name":"div","title":"left","properties":{"tag":"div"},"styleIds":["beatlab_dph2tgk8"],"className":"","source":"kirki","children":["dp937zmb","dp1l0nks","dp07g4t9"],"id":"dp5yqajn","parentId":"dptbmfqv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp937zmb":{"visibility":true,"collapse":false,"name":"div","title":"experience","properties":{"tag":"div"},"styleIds":["beatlab_dpa15e6s"],"className":"","source":"kirki","children":["dpzj633i","dpmwdv8n"],"id":"dp937zmb","parentId":"dp5yqajn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpzj633i":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Experience:"],"tag":"p"},"styleIds":["beatlab_dpkp2mvi","beatlab_dp29f7ei","beatlab_dpl2r5bn"],"className":"","source":"kirki","id":"dpzj633i","parentId":"dp937zmb","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpmwdv8n":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["15+ Years"],"tag":"p"},"styleIds":["beatlab_dpegq1d1"],"className":"","source":"kirki","id":"dpmwdv8n","parentId":"dp937zmb","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp1l0nks":{"visibility":true,"collapse":false,"name":"div","title":"Expert in:","properties":{"tag":"div"},"styleIds":["beatlab_dpa15e6s"],"className":"","source":"kirki","children":["dpmhnbqs","dpdm9ka4"],"id":"dp1l0nks","parentId":"dp5yqajn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpmhnbqs":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Expert in:"],"tag":"p"},"styleIds":["beatlab_dpkp2mvi","beatlab_dp29f7ei","beatlab_dpl2r5bn"],"className":"","source":"kirki","id":"dpmhnbqs","parentId":"dp1l0nks","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpdm9ka4":{"visibility":true,"collapse":false,"name":"tde-course-meta","title":"Job Title","properties":{"tag":"span","settings":{"course_meta_type":"instructor_job_title","meta_field":"instructor_job_title","meta_filter":"","meta_group":"singleinstructor_instructor"},"elementSetting":[{"key":"meta_group","label":"Group","setting":{"type":"select","options":[{"title":"Instructor","value":"singleinstructor_instructor"}]}},{"setting":{"type":"divider_tansparent"}},{"key":"meta_field","label":"Field","setting":{"type":"select","options":[{"title":"Name","value":"instructor_name"},{"title":"Job Title","value":"instructor_job_title"},{"title":"Email","value":"instructor_email"},{"title":"Bio","value":"instructor_bio"},{"title":"Image","value":"instructor_image"},{"title":"Course Count","value":"instructor_course_count"},{"title":"Student Count","value":"instructor_student_count"},{"title":"Rating","value":"instructor_rating"},{"title":"Rating Count","value":"instructor_rating_count"},{"title":"Stars","value":"instructor_stars"}]}},{"setting":{"type":"divider_tansparent"},"hide":true},{"key":"meta_filter","label":"Filter","setting":{"type":"select","options":[]},"hide":true}]},"styleIds":["beatlab_dpegq1d1"],"className":"","source":"tde","id":"dpdm9ka4","parentId":"dp1l0nks","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp07g4t9":{"visibility":true,"collapse":false,"name":"div","title":"experience","properties":{"tag":"div"},"styleIds":["beatlab_dpa15e6s"],"className":"","source":"kirki","children":["dp9uireh","dp8tpwgm"],"id":"dp07g4t9","parentId":"dp5yqajn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp9uireh":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Students:"],"tag":"p"},"styleIds":["beatlab_dpkp2mvi","beatlab_dp29f7ei","beatlab_dpl2r5bn"],"className":"","source":"kirki","id":"dp9uireh","parentId":"dp07g4t9","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp8tpwgm":{"visibility":true,"collapse":false,"name":"tde-course-meta","title":"Instructor Student Count","properties":{"tag":"span","settings":{"course_meta_type":"instructor_student_count","meta_field":"instructor_student_count","meta_filter":"","meta_group":"singleinstructor_instructor","label":true,"singular":"Student","plural":"Students"},"elementSetting":[{"key":"meta_group","label":"Group","setting":{"type":"select","options":[{"title":"Instructor","value":"singleinstructor_instructor"}]}},{"setting":{"type":"divider_tansparent"}},{"key":"meta_field","label":"Field","setting":{"type":"select","options":[{"title":"Name","value":"instructor_name"},{"title":"Job Title","value":"instructor_job_title"},{"title":"Email","value":"instructor_email"},{"title":"Bio","value":"instructor_bio"},{"title":"Image","value":"instructor_image"},{"title":"Course Count","value":"instructor_course_count"},{"title":"Student Count","value":"instructor_student_count"},{"title":"Rating","value":"instructor_rating"},{"title":"Rating Count","value":"instructor_rating_count"},{"title":"Stars","value":"instructor_stars"}]}},{"setting":{"type":"divider_tansparent"},"hide":true},{"key":"meta_filter","label":"Filter","setting":{"type":"select","options":[]},"hide":true},{"setting":{"type":"divider_tansparent"}},{"key":"label","label":"Label","setting":{"type":"toggler"}},{"setting":{"type":"divider_tansparent"}},{"key":"singular","label":"Singular","setting":{"type":"input","placeholder":"Student"}},{"setting":{"type":"divider_tansparent"}},{"key":"plural","label":"Plural","setting":{"type":"input","placeholder":"Students"}}]},"styleIds":[],"className":"","source":"tde","id":"dp8tpwgm","parentId":"dp07g4t9","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpqtn50j":{"visibility":true,"collapse":false,"name":"div","title":"Div","properties":{"tag":"div"},"styleIds":["beatlab_dph7lln7"],"className":"","source":"kirki","children":["dpqs9bei"],"id":"dpqtn50j","parentId":"dptbmfqv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"hide":false},"dpqs9bei":{"visibility":true,"collapse":false,"name":"tde-course-meta","title":"Instructor Bio","properties":{"tag":"span","settings":{"course_meta_type":"instructor_bio","meta_field":"instructor_bio","meta_filter":"","meta_group":"singleinstructor_instructor"},"elementSetting":[{"key":"meta_group","label":"Group","setting":{"type":"select","options":[{"title":"Instructor","value":"singleinstructor_instructor"}]}},{"setting":{"type":"divider_tansparent"}},{"key":"meta_field","label":"Field","setting":{"type":"select","options":[{"title":"Name","value":"instructor_name"},{"title":"Job Title","value":"instructor_job_title"},{"title":"Email","value":"instructor_email"},{"title":"Bio","value":"instructor_bio"},{"title":"Image","value":"instructor_image"},{"title":"Course Count","value":"instructor_course_count"},{"title":"Student Count","value":"instructor_student_count"},{"title":"Rating","value":"instructor_rating"},{"title":"Rating Count","value":"instructor_rating_count"},{"title":"Stars","value":"instructor_stars"}]}},{"setting":{"type":"divider_tansparent"},"hide":true},{"key":"meta_filter","label":"Filter","setting":{"type":"select","options":[]},"hide":true}]},"styleIds":["beatlab_dp5ihmj9","beatlab_dpij7744","beatlab_dplmtt8o"],"className":"","source":"tde","id":"dpqs9bei","parentId":"dpqtn50j","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"hide":false},"dpkqy7k3":{"visibility":true,"collapse":false,"name":"loading","title":"Loading","properties":{"tag":"div","attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dpkqy7k3","parentId":"dpb3dn7v","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp2xt6wv":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination"}},"styleIds":["beatlab_kirki_pagination"],"className":"","source":"kirki","children":["dpzwyq20"],"id":"dp2xt6wv","parentId":"dpb3dn7v","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true,"hide":true},"dpzwyq20":{"styleIds":["beatlab_kirki_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-item"}},"className":"","source":"kirki","children":["dpwjqjvo"],"id":"dpzwyq20","parentId":"dp2xt6wv","template_mounted":true},"dpwjqjvo":{"styleIds":["beatlab_kirki_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-kirki-pagination":"pagination-number"}},"className":"","source":"kirki","children":[],"id":"dpwjqjvo","parentId":"dpzwyq20"},"dplffmwu":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"kirki","children":[],"id":"dplffmwu","parentId":"dpb3dn7v","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"hide":true}},"styles":{"beatlab_dpptzerc":{"id":"beatlab_dpptzerc","type":"class","name":"beatlab_dpdhvyq0","variant":{"md":"width:100%;"}},"beatlab_dp8p3akl":{"id":"beatlab_dp8p3akl","type":"class","name":"beatlab_dpf8n0er","variant":{"md":"display:flex;flex-direction:column;row-gap:18px;width:100%;","tablet":"row-gap:24px;"}},"beatlab_dpoqscdp":{"id":"beatlab_dpoqscdp","type":"class","name":"beatlab_dpw39tf3","variant":{"md":"width:100%;"}},"beatlab_dpcg44f8":{"id":"beatlab_dpcg44f8","type":"class","name":"beatlab_dprk3m6n","variant":{"md":"display:flex;column-gap:18px;width:100%;","tablet":"flex-direction:column;row-gap:18px;"}},"beatlab_dp91pud4":{"id":"beatlab_dp91pud4","type":"class","name":["beatlab_dpc7mwqm"],"variant":{"md":"width:100%;max-width:437px;aspect-ratio:437\/435;border-radius:18px;min-width:22.7%;overflow:hidden;","tablet":"max-width:200px;","mobile":"max-width:none;border-radius:8px;"}},"beatlab_kirki_image":{"id":"beatlab_kirki_image","type":"class","name":["beatlab_kirki-image"],"variant":{"md":"max-width: 100%;"},"isGlobal":true},"beatlab_dperceon":{"id":"beatlab_dperceon","type":"class","name":"beatlab_dptn3k93","variant":{"md":""}},"beatlab_dpxiqwao":{"id":"beatlab_dpxiqwao","type":"class","name":["beatlab_kirki-image","beatlab_dptn3k93"],"isComboClass":true,"variant":{"md":"object-fit:cover;min-width:100%;min-height:100%;"}},"beatlab_dpmk4qvu":{"id":"beatlab_dpmk4qvu","type":"class","name":"beatlab_dpiqltep","variant":{"md":"flex-grow:0;flex-shrink:1;display:flex;flex-direction:column;row-gap:86px;background-image:none;background-color:var(--beatlab_dpwaddc0);border-radius:18px;border-bottom-color:var(--beatlab_dp8666sv);width:100%;padding:36px;border-width:0 0 1px 0;border-style:none none solid none;","tablet":"row-gap:32px;","mobile":"border-radius:8px;padding:24px;"}},"beatlab_dpmc9gtj":{"id":"beatlab_dpmc9gtj","type":"class","name":"beatlab_dpmkvg7c","variant":{"md":"display:flex;justify-content:space-between;","mobile":"flex-direction:column;row-gap:20px;"}},"beatlab_dp20epj7":{"id":"beatlab_dp20epj7","type":"class","name":["beatlab_H3-Bold"],"variant":{"md":"font-family:\"Space Grotesk\";font-weight:700;font-size:48px;line-height:1.1em;letter-spacing:-1.5px;","tablet":"font-size:40px;line-height:1.2em;letter-spacing:-1px;","mobile":"font-size:32px;letter-spacing:-0.5px;"},"isGlobal":true},"beatlab_dpyh3tyd":{"id":"beatlab_dpyh3tyd","type":"class","name":"beatlab_dpq7s7n4","variant":{"md":"display:flex;align-items:center;column-gap:10px;text-decoration:none;"}},"beatlab_dpq1pzrc":{"id":"beatlab_dpq1pzrc","type":"class","name":["beatlab_P2-Bold"],"variant":{"md":"font-family:Inter;font-weight:700;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_dpiw24rf":{"id":"beatlab_dpiw24rf","type":"class","name":["beatlab_text-primary"],"variant":{"md":""},"isGlobal":true},"beatlab_dpy2sqjv":{"id":"beatlab_dpy2sqjv","type":"class","name":["beatlab_P2-Bold","beatlab_text-primary"],"variant":{"md":"color:var(--beatlab_dpw8f33d);","md_hover":"color:var(--beatlab_dpw8f33d);"},"isGlobal":true,"isComboClass":true},"beatlab_dpung5t6":{"id":"beatlab_dpung5t6","type":"class","name":"beatlab_dpwk0l2t","variant":{"md":"width:16px;height:14px;min-width:auto;"}},"beatlab_dpdaav6q":{"id":"beatlab_dpdaav6q","type":"class","name":"beatlab_dpo0j1sc","variant":{"md":"display:flex;column-gap:18px;width:100%;","tablet":"flex-direction:column;row-gap:40px;","mobile":"row-gap:32px;"}},"beatlab_dph2tgk8":{"id":"beatlab_dph2tgk8","type":"class","name":"beatlab_dpcj5fvd","variant":{"md":"width:100%;max-width:553px;display:flex;flex-direction:column;row-gap:32px;padding:0px 48px 0px 0px;","tablet":"max-width:none;width:100%;flex-direction:row;row-gap:24px;column-gap:24px;justify-content:space-between;padding:0px;","mobile":"row-gap:16px;flex-direction:column;padding:0px;"}},"beatlab_dpa15e6s":{"id":"beatlab_dpa15e6s","type":"class","name":"beatlab_dpbrady9","variant":{"md":"display:flex;flex-direction:column;row-gap:6px;"}},"beatlab_dpkp2mvi":{"id":"beatlab_dpkp2mvi","type":"class","name":["beatlab_P2-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:16px;line-height:1.5em;","tablet":"font-size:15px;","mobile":"font-size:14px;"},"isGlobal":true},"beatlab_dp29f7ei":{"id":"beatlab_dp29f7ei","type":"class","name":["beatlab_text-black-300"],"variant":{"md":""},"isGlobal":true},"beatlab_dpl2r5bn":{"id":"beatlab_dpl2r5bn","type":"class","name":["beatlab_P2-Regular","beatlab_text-black-300"],"variant":{"md":"color:var(--beatlab_dp87y81p);"},"isGlobal":true,"isComboClass":true},"beatlab_dpegq1d1":{"id":"beatlab_dpegq1d1","type":"class","name":["beatlab_P1-Semi-Bold"],"variant":{"md":"font-family:Inter;font-weight:600;font-size:18px;line-height:1.4em;font-style:normal;text-decoration:none;","tablet":"font-size:17px;","mobile":"font-size:16px;line-height:1.5em;"},"isGlobal":true},"beatlab_dph7lln7":{"id":"beatlab_dph7lln7","type":"class","name":"beatlab_dp8evvxn","variant":{"md":"width:100%;max-width:100%;"}},"beatlab_dp5ihmj9":{"id":"beatlab_dp5ihmj9","type":"class","name":["beatlab_P1-Regular"],"variant":{"md":"font-family:Inter;font-weight:400;font-size:18px;line-height:1.4em;","tablet":"font-size:17px;","mobile":"font-size:16px;line-height:1.5em;"},"isGlobal":true},"beatlab_dpij7744":{"id":"beatlab_dpij7744","type":"class","name":["beatlab_text-black-200"],"variant":{"md":""},"isGlobal":true},"beatlab_dplmtt8o":{"id":"beatlab_dplmtt8o","type":"class","name":["beatlab_P1-Regular","beatlab_text-black-200"],"variant":{"md":"color:var(--beatlab_dputy80w);"},"isGlobal":true,"isComboClass":true},"beatlab_kirki_pagination":{"id":"beatlab_kirki_pagination","type":"class","name":"beatlab_kirki-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"},"isGlobal":true},"beatlab_kirki_pagination_item":{"id":"beatlab_kirki_pagination_item","type":"class","name":"beatlab_kirki-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"},"isGlobal":true},"beatlab_kirki_pagination_number":{"id":"beatlab_kirki_pagination_number","type":"class","name":"beatlab_kirki-pagination-number","variant":{"md":""},"isGlobal":true}}}

Admin

Experience:

15+ Years

Expert in:

Manager and Operation

Students:

1 Student

Manager and Operation at AmadeusArabic

Student Feedback

Start Producing Like the Pros – Today

wave-5

wave-6

wave-7

wave-8

Explore Courses

wave-1

wave-2

wave-3

wave-4

Want to receive push notifications for all major on-site activities?

✕