Shameem Reza shameemreza

🇧🇩

Problem-Solver | WooCommerce Expert | Customer-First Mindset

WooCommerce Happiness Engineer

shameemreza / render-employees-list.js

Created March 31, 2023 17:10

Code for the "How to Render an Array of Objects in React?" Article.

	import React from "react";
	import EmployeeList from "./EmployeeList";

	function App() {
	const employees = [
	{ name: "John Doe", age: 25, position: "Software Engineer" },
	{ name: "Jane Smith", age: 32, position: "Product Manager" },
	{ name: "Mike Johnson", age: 27, position: "UI/UX Designer" },
	{ name: "Sarah Lee", age: 30, position: "Marketing Manager" },
	];

shameemreza / styling-array-list.css

Created March 31, 2023 17:12

Code for the "How to Render an Array of Objects in React?" Article.

shameemreza / passing-props.js

Created March 31, 2023 17:13

Code for the "How to Render an Array of Objects in React?" Article.

	import React from "react";

	function EmployeeList(props) {
	const employees = props.employees;

	const employeeList = employees.map((employee) => (
	<tr key={employee.name}>
	<td>{employee.name}</td>
	<td>{employee.age}</td>
	<td>{employee.position}</td>

shameemreza / passing-array-as-prop.js

Created March 31, 2023 17:14

Code for the "How to Render an Array of Objects in React?" Article.

	import React from "react";
	import EmployeeList from "./EmployeeList";

	function App() {
	const employees = [
	{ name: "John Doe", age: 25, position: "Software Engineer" },
	{ name: "Jane Smith", age: 32, position: "Product Manager" },
	{ name: "Mike Johnson", age: 27, position: "UI/UX Designer" },
	{ name: "Sarah Lee", age: 30, position: "Marketing Manager" },
	];

shameemreza / rendering-array-map.js

Created March 31, 2023 17:19

Code for the "How to Render an Array of Objects in React?" Article.

	import React from "react";

	function EmployeeList(props) {
	const employees = props.employees;

	const employeeList = employees.map((employee) => (
	<div key={employee.id}>
	<h2>{employee.name}</h2>
	<p>Age: {employee.age}</p>
	<p>Position: {employee.position}</p>

shameemreza / forwardRef-anduseRef.jsx

Created April 2, 2023 13:41

Code for "Exposing React Component functions with fowardRef and useRef" Article

	import { forwardRef, useRef } from 'react';

	const Input = forwardRef((props, ref) => {
	const inputRef = useRef(null);

	const getValue = () => {
	return inputRef.current.value;
	}

	const isValid = () => {

shameemreza / forwardRef-anduseRef-2.jsx

Created April 2, 2023 13:42

Code for "Exposing React Component functions with fowardRef and useRef" Article

	import { useRef } from 'react';
	import { Input } from './Input';

	const App = () => {
	const inputRef = useRef(null);

	const handleSubmit = (event) => {
	event.preventDefault();

	const value = inputRef.current.getValue();

shameemreza / removing-options-from-the-product-data-panel-in-woocommerce.php

Created April 5, 2023 07:15

Add or remove the PHP comment (//) before a tab that you need to remove or show. Detailed guide: https://shameem.me/removing-options-from-the-product-data-panel-in-woocommerce

	// Remove options from the Product Data Panel in WooCommerce
	function remove_product_data_tabs( $tabs ) {
	//unset( $tabs['general'] );
	unset( $tabs['inventory'] );
	unset( $tabs['shipping'] );
	unset( $tabs['linked_product'] );
	//unset( $tabs['attribute'] );
	//unset( $tabs['variations'] );
	//unset( $tabs['advanced'] );
	return $tabs;

shameemreza / remove-woocommerce-marketplace-suggestions-tab.php

Created April 5, 2023 07:17

add_filter( 'woocommerce_allow_marketplace_suggestions', '__return_false' );

shameemreza / fix-mixed-content.htaccess

Created June 9, 2023 15:13

Fix Mixed Content in WordPress

	RewriteCond %{HTTPS} on
	RewriteCond %{REQUEST_URI} !^/\.well-known/acme-challenge/ [NC]
	RewriteCond %{REQUEST_URI} !^/\.well-known/pki-validation/ [NC]
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteRule ^(.*)(\.jpg\|\.jpeg\|\.png\|\.gif\|\.js\|\.css)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]