thanhkma1996

Lộ trình học ReactJS cơ bản cho người mới bắt đầu 2020 🎉

• Đôi tượng: mới bắt đầu học ReactJS mà không biết học những gì.
• Yêu cầu kiến thức:
  • Javascript cơ bản: https://javascript.info/
  • ES6 syntax: http://es6-features.org/#Constants
  • Git cơ bản: Học cách quản lý source code
  • NPM (Node Package Manager): Tìm hiểu xem đây là gì?
  • Tiếng Anh (vì tài liệu đa số là Tiếng Anh)

thanhkma1996

const defaults = {
    cartModal: '.js-ajax-cart-modal', // classname
    cartModalContent: '.js-ajax-cart-modal-content', // classname
    cartModalClose: '.js-ajax-cart-modal-close', // classname
    cartDrawer: '.js-ajax-cart-drawer', // classname
    cartDrawerContent: '.js-ajax-cart-drawer-content', // classname
    cartDrawerClose: '.js-ajax-cart-drawer-close', // classname
    cartDrawerTrigger: '.js-ajax-cart-drawer-trigger', // classname
    cartOverlay: '.js-ajax-cart-overlay', // classname
    cartCounter: '.js-ajax-cart-counter', // classname

thanhkma1996

HTML

<button class="mini-cart__trigger">
    <img src="{{ 'icon-cart.svg' | asset_url }}" alt="Cart icon">
</button>

<div class="header__mobile-menu header__mobile-menu--hidden">
    <ul>
        {% for link in section.settings.main_menu.links %}
            <li><a href="{{ link.url }}">{{ link.title }}</a></li>