Post Categories

Engineering

Penggunaan Redux Untuk React Native

BY

Luluk Oktaviani

|

Dalam artikel ini akan dibahas prinsip penggunaan Redux dalam framework React Native. Untuk kalian yang baru pertama kali mendengar istilah Redux, saya sarankan untuk membaca artikel Konsep Sederhana Redux terlebih dahulu. Artikel tersebut membahas Redux dari sisi konseptual dengan sangat baik juga disertai dengan ilustrasi yang mudah dimengerti.

Pada dasarnya, ada tiga fungsionalitas utama yang ditambahkan oleh Redux ke dalam sebuah aplikasi, yaitu

  1. Tempat untuk menyimpan keseluruhan state aplikasi
  2. Mekanisme untuk men-dispatch action ke dalam reducer
  3. Mekanisme untuk memberi tahu setiap kali update state terjadi

Secara tidak langsung, ketiga hal tersebut menjelaskan prinsip kerja Redux. Dari penjelasan tersebut dapat disimpulkan bahwa Redux menyimpan state aplikasi yang hanya bisa diubah melalui action yang di-dispatch ke dalam reducer. Penjelasan lebih rinci dari konsep ini akan dibahas kemudian.

Setiap aplikasi yang mengimplementasikan Redux akan memiliki data flow yang searah. Dengan kata lain, setelah mengimplementasikan Redux, aplikasi React Native yang kalian buat akan memiliki skema data flow sebagai berikut

Skema data flow di atas memiliki empat komponen utama, yaitu Action CreatorReducerStore, dan View

Sesuai dengan namanya, Action Creator pada dasarnya adalah suatu fungsi yang menghasilkan action. Jika kalian ingat prinsip Redux yang dijelaskan di awal, action diperlukan untuk mengubah state. Dalam konteks ini, action adalah sebuah objek Javascript. Menurut konvensi, setiap objek action harus memiliki properti type. Properti ini diperlukan untuk pemrosesan lanjut dari action tersebut. Namun, tentu saja action boleh memiliki properti lain selain type.

const actionCreator = function() {
    // create and action and return it
    return {
        type: 'ACTION_A'
    }
}

Komponen selanjutnya adalah store. Seperti yang dijelaskan di awal, store adalah tempat untuk menyimpan keseluruhan state aplikasi. Karena state hanya bisa diubah melalui actionstore memerlukan komponen lain bernama reducer untuk memproses action. Dalam definisi yang sederhana, reducer dapat diartikan sebagai komponen yang berfungsi untuk mengubah state dalam aplikasi. Reducer menerima dua parameter, yaitu state dan actionReducer akan memproses action sesuai dengan tipenya. Penting untuk diingat bahwa hasil akhir dari reducer adalah sebuah state baru.

import { createStore } from 'redux'

const reducer = function (state = {}, action) {

    switch (action.type) {
        case 'ACTION_A':
            return {
                ...state,
                message: action.value
            }
        default:
            return state;
    }
}

const appStore = createStore(reducer)

Sekarang, hal terakhir yang perlu dilakukan untuk membuat Redux bekerja adalah menghubungkan action dengan state yang ingin diubah. Hal ini dapat dilakukan melalui metode dispatch yang dimiliki oleh store. Metode dispatch mengirimkan action ke dalam store untuk selanjutnya diproses oleh reducer.

var setActionA = function (name) {
    return {
        type: 'ACTION_A',
        name: name
    }
}

appStore.dispatch(setActionA('Action setter'))

Hingga titik ini, kalian telah mengetahui prinsip dasar penggunaan Redux dalam aplikasi React Native. Kalian telah mengetahui komponen-komponen utama dalam Redux, seperti storeaction, dan reducer beserta interaksi yang terjadi antarkomponen tersebut. Kalian juga telah mengetahui bagaimana mentranslasikan konsep dasar Redux dalam bentuk kode Javascript. Selanjutnya, langkah terakhir yang perlu dilakukan adalah mengintegrasikan Redux dengan komponen view. Langkah ini diperlukan agar komponen view dapat memberikan respon yang seharusnya setiap kali terjadi perubahan state. Mekanisme ini akan menjadi topik pembahasan dalam artikel selanjutnya

Hubungkan dengan kami

Ikuti refactory

Artikel Populer


( ! ) Deprecated: jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead. in /apps/refactory-portal/wp-includes/functions.php on line 5049
Call Stack
#TimeMemoryFunctionLocation
10.0001401544{main}( ).../index.php:0
20.0001401816require( '/apps/refactory-portal/wp-blog-header.php ).../index.php:17
30.370615054024require_once( '/apps/refactory-portal/wp-includes/template-loader.php ).../wp-blog-header.php:19
40.382215136008include( '/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/templates/header-footer.php ).../template-loader.php:106
50.482120264016Elementor\Modules\PageTemplates\Module->print_content( ).../header-footer.php:19
60.482120264392call_user_func:{/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/module.php:207}( $function_name = [0 => class Elementor\Modules\PageTemplates\Module { protected $print_callback = ...; private ${Elementor\Core\Base\Module}reflection = NULL; private ${Elementor\Core\Base\Module}components = [...]; private ${Elementor\Core\Base\Base_Object}settings = NULL }, 1 => 'print_callback'] ).../module.php:207
70.482120264472Elementor\Modules\PageTemplates\Module->print_callback( ).../module.php:207
80.482420265224the_content( $more_link_text = ???, $strip_teaser = ??? ).../module.php:190
90.482520265248apply_filters( $tag = 'the_content', $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../post-template.php:253
100.482520265648WP_Hook->apply_filters( $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<', $args = [0 => '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<'] ).../plugin.php:212
110.483220268648Elementor\Frontend->apply_builder_in_content( $content = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../class-wp-hook.php:287
120.483220269024Elementor\Frontend->get_builder_content( $post_id = 5148, $with_css = ??? ).../frontend.php:898
130.483820537992Elementor\Core\DocumentTypes\Post->print_elements_with_wrapper( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../frontend.php:984
140.490020704288Elementor\Core\DocumentTypes\Post->print_elements( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../document.php:933
150.574922674768Elementor\Element_Section->print_element( ).../document.php:1296
160.581022784624Elementor\Element_Section->print_content( ).../element-base.php:650
170.686524913496Elementor\Element_Column->print_element( ).../element-base.php:907
180.689925015080Elementor\Element_Column->print_content( ).../element-base.php:650
190.744226962352Elementor\Element_Section->print_element( ).../element-base.php:907
200.748027072208Elementor\Element_Section->print_content( ).../element-base.php:650
210.748127073664Elementor\Element_Column->print_element( ).../element-base.php:907
220.751227175248Elementor\Element_Column->print_content( ).../element-base.php:650
230.756827303080OneElements\Includes\Widgets\PostGrid\Widget_OneElements_PostGrid->print_element( ).../element-base.php:907
240.873232183120OneElements\Includes\Widgets\PostGrid\Widget_OneElements_PostGrid->enqueue_scripts( ).../element-base.php:682
250.873332183496Elementor\Utils::handle_deprecation( $item = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper' ).../element-base.php:152
260.873332184360_deprecated_file( $file = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper', $message = ??? ).../utils.php:487
270.873332185432trigger_error( $message = 'jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead.', $error_type = 16384 ).../functions.php:5049

Case Studies


( ! ) Deprecated: jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead. in /apps/refactory-portal/wp-includes/functions.php on line 5049
Call Stack
#TimeMemoryFunctionLocation
10.0001401544{main}( ).../index.php:0
20.0001401816require( '/apps/refactory-portal/wp-blog-header.php ).../index.php:17
30.370615054024require_once( '/apps/refactory-portal/wp-includes/template-loader.php ).../wp-blog-header.php:19
40.382215136008include( '/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/templates/header-footer.php ).../template-loader.php:106
50.482120264016Elementor\Modules\PageTemplates\Module->print_content( ).../header-footer.php:19
60.482120264392call_user_func:{/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/module.php:207}( $function_name = [0 => class Elementor\Modules\PageTemplates\Module { protected $print_callback = ...; private ${Elementor\Core\Base\Module}reflection = NULL; private ${Elementor\Core\Base\Module}components = [...]; private ${Elementor\Core\Base\Base_Object}settings = NULL }, 1 => 'print_callback'] ).../module.php:207
70.482120264472Elementor\Modules\PageTemplates\Module->print_callback( ).../module.php:207
80.482420265224the_content( $more_link_text = ???, $strip_teaser = ??? ).../module.php:190
90.482520265248apply_filters( $tag = 'the_content', $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../post-template.php:253
100.482520265648WP_Hook->apply_filters( $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<', $args = [0 => '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<'] ).../plugin.php:212
110.483220268648Elementor\Frontend->apply_builder_in_content( $content = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../class-wp-hook.php:287
120.483220269024Elementor\Frontend->get_builder_content( $post_id = 5148, $with_css = ??? ).../frontend.php:898
130.483820537992Elementor\Core\DocumentTypes\Post->print_elements_with_wrapper( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../frontend.php:984
140.490020704288Elementor\Core\DocumentTypes\Post->print_elements( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../document.php:933
150.574922674768Elementor\Element_Section->print_element( ).../document.php:1296
160.581022784624Elementor\Element_Section->print_content( ).../element-base.php:650
170.686524913496Elementor\Element_Column->print_element( ).../element-base.php:907
180.689925015080Elementor\Element_Column->print_content( ).../element-base.php:650
190.886932520128Elementor\Element_Section->print_element( ).../element-base.php:907
200.892232629984Elementor\Element_Section->print_content( ).../element-base.php:650
210.892232631440Elementor\Element_Column->print_element( ).../element-base.php:907
220.897232733024Elementor\Element_Column->print_content( ).../element-base.php:650
230.903032861344LivemeshAddons\Widgets\LAE_Posts_Carousel_Widget->print_element( ).../element-base.php:907
240.956033875512LivemeshAddons\Widgets\LAE_Posts_Carousel_Widget->enqueue_scripts( ).../element-base.php:682
250.956033875512Elementor\Utils::handle_deprecation( $item = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper' ).../element-base.php:152
260.956033876376_deprecated_file( $file = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper', $message = ??? ).../utils.php:487
270.956133876696trigger_error( $message = 'jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead.', $error_type = 16384 ).../functions.php:5049
The current query has no posts. Please make sure you have published items matching your query.

( ! ) Deprecated: jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead. in /apps/refactory-portal/wp-includes/functions.php on line 5049
Call Stack
#TimeMemoryFunctionLocation
10.0001401544{main}( ).../index.php:0
20.0001401816require( '/apps/refactory-portal/wp-blog-header.php ).../index.php:17
30.370615054024require_once( '/apps/refactory-portal/wp-includes/template-loader.php ).../wp-blog-header.php:19
40.382215136008include( '/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/templates/header-footer.php ).../template-loader.php:106
50.482120264016Elementor\Modules\PageTemplates\Module->print_content( ).../header-footer.php:19
60.482120264392call_user_func:{/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/module.php:207}( $function_name = [0 => class Elementor\Modules\PageTemplates\Module { protected $print_callback = ...; private ${Elementor\Core\Base\Module}reflection = NULL; private ${Elementor\Core\Base\Module}components = [...]; private ${Elementor\Core\Base\Base_Object}settings = NULL }, 1 => 'print_callback'] ).../module.php:207
70.482120264472Elementor\Modules\PageTemplates\Module->print_callback( ).../module.php:207
80.482420265224the_content( $more_link_text = ???, $strip_teaser = ??? ).../module.php:190
90.482520265248apply_filters( $tag = 'the_content', $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../post-template.php:253
100.482520265648WP_Hook->apply_filters( $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<', $args = [0 => '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<'] ).../plugin.php:212
110.483220268648Elementor\Frontend->apply_builder_in_content( $content = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../class-wp-hook.php:287
120.483220269024Elementor\Frontend->get_builder_content( $post_id = 5148, $with_css = ??? ).../frontend.php:898
130.483820537992Elementor\Core\DocumentTypes\Post->print_elements_with_wrapper( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../frontend.php:984
140.490020704288Elementor\Core\DocumentTypes\Post->print_elements( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../document.php:933
150.574922674768Elementor\Element_Section->print_element( ).../document.php:1296
160.581022784624Elementor\Element_Section->print_content( ).../element-base.php:650
170.686524913496Elementor\Element_Column->print_element( ).../element-base.php:907
180.689925015080Elementor\Element_Column->print_content( ).../element-base.php:650
190.983434242376PremiumAddons\Widgets\Premium_Blog->print_element( ).../element-base.php:907
201.207653105040PremiumAddons\Widgets\Premium_Blog->enqueue_scripts( ).../element-base.php:682
211.207653105040Elementor\Utils::handle_deprecation( $item = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper' ).../element-base.php:152
221.207653105904_deprecated_file( $file = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper', $message = ??? ).../utils.php:487
231.207753106224trigger_error( $message = 'jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead.', $error_type = 16384 ).../functions.php:5049
Tag
Artikel Terkait
Lihat lebih banyak artikel bagus dari kategori ini!

( ! ) Deprecated: jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead. in /apps/refactory-portal/wp-includes/functions.php on line 5049
Call Stack
#TimeMemoryFunctionLocation
10.0001401544{main}( ).../index.php:0
20.0001401816require( '/apps/refactory-portal/wp-blog-header.php ).../index.php:17
30.370615054024require_once( '/apps/refactory-portal/wp-includes/template-loader.php ).../wp-blog-header.php:19
40.382215136008include( '/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/templates/header-footer.php ).../template-loader.php:106
50.482120264016Elementor\Modules\PageTemplates\Module->print_content( ).../header-footer.php:19
60.482120264392call_user_func:{/apps/refactory-portal/wp-content/plugins/elementor/modules/page-templates/module.php:207}( $function_name = [0 => class Elementor\Modules\PageTemplates\Module { protected $print_callback = ...; private ${Elementor\Core\Base\Module}reflection = NULL; private ${Elementor\Core\Base\Module}components = [...]; private ${Elementor\Core\Base\Base_Object}settings = NULL }, 1 => 'print_callback'] ).../module.php:207
70.482120264472Elementor\Modules\PageTemplates\Module->print_callback( ).../module.php:207
80.482420265224the_content( $more_link_text = ???, $strip_teaser = ??? ).../module.php:190
90.482520265248apply_filters( $tag = 'the_content', $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../post-template.php:253
100.482520265648WP_Hook->apply_filters( $value = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<', $args = [0 => '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<'] ).../plugin.php:212
110.483220268648Elementor\Frontend->apply_builder_in_content( $content = '<h2>Post Categories</h2>\t\t\n\t\t\t<ul id="main-menu"><lidata-vertical-menu=750px><a href="https://refactory.id/blog/">Blog</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-engineering/">Engineering</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-profile/">Profile</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tutorial/">Tutorial</a></li>\n<lidata-vertical-menu=750px><a href="https://refactory.id/blog-tips-trick/">Tips &#038; Trick<' ).../class-wp-hook.php:287
120.483220269024Elementor\Frontend->get_builder_content( $post_id = 5148, $with_css = ??? ).../frontend.php:898
130.483820537992Elementor\Core\DocumentTypes\Post->print_elements_with_wrapper( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../frontend.php:984
140.490020704288Elementor\Core\DocumentTypes\Post->print_elements( $elements_data = [0 => ['id' => '58eae16b', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 1 => ['id' => '57451e27', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 2 => ['id' => 'efa22d2', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 3 => ['id' => '3cf5b4e4', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE], 4 => ['id' => '50ab4379', 'elType' => 'section', 'settings' => [...], 'elements' => [...], 'isInner' => FALSE]] ).../document.php:933
151.243148304952Elementor\Element_Section->print_element( ).../document.php:1296
161.247048414808Elementor\Element_Section->print_content( ).../element-base.php:650
171.247148416264Elementor\Element_Column->print_element( ).../element-base.php:907
181.250948517848Elementor\Element_Column->print_content( ).../element-base.php:650
191.277249181896OneElements\Includes\Widgets\PostGrid\Widget_OneElements_PostGrid->print_element( ).../element-base.php:907
201.311949956968OneElements\Includes\Widgets\PostGrid\Widget_OneElements_PostGrid->enqueue_scripts( ).../element-base.php:682
211.311949957344Elementor\Utils::handle_deprecation( $item = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper' ).../element-base.php:152
221.311949958208_deprecated_file( $file = 'jquery-slick', $version = '2.7.0', $replacement = 'Swiper', $message = ??? ).../utils.php:487
231.311949958528trigger_error( $message = 'jquery-slick is <strong>deprecated</strong> since version 2.7.0! Use Swiper instead.', $error_type = 16384 ).../functions.php:5049
×