Blog List

React.js – Passing data with Props / State and lifecycle

Content Page Installation Basic Introduction – Kickstarter Sonic boom your UI with Bootstrap 4 – Reactstrap Passing data with Props / State and lifecycle Navigation with React-Router Debugging Tool with React Development Tool Central State Control: Redux Hands-on time Calculated Data with Reselect Making form with ReduxForm Get a serious in-depth book Annex A: JSX


React.js – Sonic boom your UI with ReactStrap’s Bootstrap 4

Content Page Installation Basic Introduction – Kickstarter Sonic boom your UI with Bootstrap 4 – Reactstrap Passing data with Props / State and lifecycle Debugging Tool with React Development Tool Navigation with React-Router Central State Control: Redux Hands-on time Calculated Data with Reselect Making form with ReduxForm Get a serious in-depth book Annex A: JSX


React.js – Basic Introduction

Content Page Installation Basic Introduction – Kickstarter Sonic boom your UI with Bootstrap 4 – Reactstrap Passing data with Props / State and lifecycle Debugging Tool with React Development Tool Navigation with React-Router Central State Control: Redux Hands-on time Calculated Data with Reselect Making form with ReduxForm Get a serious in-depth book Annex A: JSX


React.js tutorial – installation

Content Page Installation Basic Introduction – Kickstarter Sonic boom your UI with Bootstrap 4 – Reactstrap Passing data with Props / State and lifecycle Debugging Tool with React Development Tool Navigation with React-Router Central State Control: Redux Hands-on time Calculated Data with Reselect Making form with ReduxForm Get a serious in-depth book Annex A: JSX


React.js learning path for beginner

React is a complete but a complicated toolset. To build a simple task, you may need more work if you are just using JQuery and some simple HTML. But it has a huge advantage in asynchronous fetching and updating on view. So if you want to become a professional frontend developer, you cannot do without it.



Magento 2 – frequently used Block class

Magento\Cms\Block\Block => CMS Block Magento\Framework\View\Element\Template => View Template Magento\Framework\View\Element\Html\Links => html link Magento\Framework\View\Element\Html\Links\Current => html link Magento\Framework\View\Element\Text => simple text Magento\Catalog\Block\Product\View\Description => Product description with SKU Magento\Catalog\Block\Product\View Magento\Catalog\Block\Product\ProductList\Upsell => Upsell Magento\Store\Block\Switcher => Store Switcher Magento\Contact\Block\ContactForm => Contact form Magento\Customer\Block\Account\RegisterLink => customer register link Magento\Sales\Block\Adminhtml\Order\Creditmemo\Create\Adjustments => Credit Memo Magento\Newsletter\Block\Subscribe => Subscribe to news letter Magento_Sales/layout/sales_order_view.xml Magento\Sales\Block\Order\Info


Magento 2 – CMS page

Magento 2 CMS page Chapter 1: Magento Theme setup Chapter 2: Layout, Container and blocks Chapter 3: Template Chapter 4: Extending/Overriding Extend Layout Override Layout Override Template Chapter 5: CMS page Add static block to CMS page Add a Widget to CMS page   Why use CMS page? After making blocks and template files, you


Install Python3 and pip3 for Centos7

Download Python 3 wget https://www.python.org/ftp/python/3.x.y/Python-3.x.y.tgz It doesn’t have to be this version, you can change the version to what you want. Just change the number accordingly. I use x=6 and y=1 for this example. Decompress tar -xf Python-3.x.y.tgz cd Python-3.x.y Install Dependencies sudo yum install gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel Create Installed Directory


Magento 2 Template concept

Magento 2 Theme Tutorial Chapter 1: Magento Theme setup Chapter 2: Layout, Container and blocks Chapter 3: Template Chapter 4: Extending/Overriding Extend Layout Override Layout Override Template By now you should have a rough idea of what is going on Container, Layout, Block, and Template as illustrated in the previous blog posts. The official template


Magento 2 : override a template file

Chapter 1: Magento Theme setup Chapter 2: Layout, Container and blocks Chapter 3: Template Chapter 4: Extending/Overriding Extend Layout Override Layout Override Template Chapter 5: CMS page Add static block to CMS page Add a Widget to CMS page   If I want to customize product details page, it required overriding some .phtml files in


Magento 2 layout concept

Magento 2 Theme Tutorial Chapter 1: Magento Theme setup Chapter 2: Layout, Container and blocks Chapter 3: Template Chapter 4: Extending/Overriding Extend Layout Override Layout Override Template Readme Magento tries to separate view and coding part of the system, so in the frontend, they devise a Layout system so designers don’t have to learn so


How To Create Magento 2 Theme

Magento 2 Theme Tutorial Chapter 1: Magento Theme setup Chapter 2: Layout, Container and blocks Chapter 3: Template Chapter 4: Extending/Overriding Extend Layout Override Layout Override Template   Creating a Magento theme folder Declare your theme Composer package registration.php file Creating static files, folders Configure catalog product images Declare Theme Logo Basic layout elements Layout


Magento 2 learning path – Kickstarter

Purpose of this tutorial This tutorial is to kickstart your learning Magento as a beginner. It is not easy to learn by yourself if you have no prior experience with other CMS. So after you are done with the entire tutorial, then you are able to understand what is going on and will be able