WordPress 7.1 se chinh thuc ra mat vao ngay 19 thang 8 nam 2026 tai WordCamp US, va lan nay co mot thay doi lon ma bat ky ai dang phat trien plugin hay theme cho WordPress can phai chu y: React 19. Trong bai viet nay, minh se huong dan ban tung buoc de test plugin va dam bao no se khong bi loi khi WordPress chinh thuc chuyen tu React 18 sang React 19.
WordPress Chuyen Sang React 19 Nghia La Gi?
WordPress core da tich hop React tu lau lam nen tang cho Gutenberg editor. Hien tai WordPress dang dung React 18, nhung trong phien ban 7.1, nhom phat trien dang chuan bi nang cap len React 19. Day khong phai la mot cap nhat nho – React 19 co nhieu thay doi ve internals ma co the lam hong plugin cua ban neu khong chuan bi truoc.
Đieu quan trong la ban khong can doi den ngay ra mat de test. Gutenberg 23.4 da co mot co thi nghiem cho phep ban bat React 19 ngay bay gio, tren moi truong hien tai. Minh se huong dan ban cach bat no len o phan sau.
Tai Sao Ban Phai Test Ngay Bay Gio?
Nhieu nguoi nghi rang “doi den luc ra mat roi test sau”. Day la sai lam. Khi WordPress 7.1 chinh thuc release vao 19/8, moi site tren the gioi se tu dong nhan React 19. Neu plugin cua ban loi, ban se khong kip fix vi luc do nguoi dung da gap loi truoc.
Bang cach test ngay bay gio, ban co the:
- Phat hien code chua compatibility truoc khi no tro thanh cao
- Co thoi gian fix tung warning mot ma khong bi ap luc
- Tranh support ticket hang loat khi 7.1 ra mat
- Contribut feedback cho nhom phat trien WordPress neu tim thay bug
Cach Bat React 19 Trong Gutenberg 23.4
Đe test React 19, ban can dang chay WordPress 7.0 hoac moi hon va cai dat Gutenberg plugin phien ban 23.4 tro len. Cac buoc cu the nhu sau:
Buoc 1: Dang nhap vao wp-admin, vao menu Gutenberg > Experiments.
Buoc 2: Tim option co ten gutenberg-react-19 trong danh sach experiments.
Buoc 3: Bat no len (enable) va luu lai.
Buoc 4: Mo Editor va test plugin cua ban nhu binh thuong.
Khi flag nay bat, Gutenberg se swap React 18 bundles thanh React 19 tai runtime. Đieu nay giup lap lai chinh xac nhung gi plugin cua ban se gap khi WordPress 7.1 ra mat.
Cac Warning Trong Console Nghia La Gi?
Khi bat React 19 flag, ban se thay nhieu console warnings xuat hien. Đung so – day la chuc nang compatibility polyfill cua WordPress. Moi warning tuong ung voi mot React 18 internal ma React 19 da xoa hoac thay doi. Plugin cua ban co the dang dung nhung internals nay ma ban khong nhan ra.
Cac warning thuong gap bao gom:
- ReactDOM.render is deprecated – Can dung createRoot thay vi
- findDOMNode warnings – API nay da bi xoa hoan toan trong React 19
- Legacy context warnings – Can chuyen sang Context API moi
- String refs warnings – Can chuyen sang callback refs hoac useRef
Moi warning ban fix ngay bay gio la mot support ticket ban tranh duoc vao thang 8.
Cac Thay Doi Lon Nhat Can Chu Y
Trong qua trinh test, minh nhan thay co mot so thay doi ma bat ky plugin developer nao cung se gap phai. Day la danh sach chi tiet:
1. Components Drop __next40pxDefaultSize Prop
Neu ban dung @wordpress/components va tung bat __next40pxDefaultSize prop de chinh kich thuoc control, can chu y. Bat dau tu WordPress 7.1, kich thuoc 40px tro thanh mac dinh vinh vien cho khoang 20 components, bao gom TextControl, BoxControl, BorderControl, FontSizePicker, RangeControl, ComboboxControl, ToggleGroupControl, UnitControl, FormTokenField, va CustomSelectControl.
Prop nay se khong con tac dung nua. Neu UI cua ban dang luot kich thuoc cu ma khong co prop nay, ban can kiem tra lai layout vi control se lon hon truoc.
2. Icons Dung currentColor Thay Vi Fill Cu
Tat ca 330 icons trong @wordpress/icons v15 deu chuyen sang dung fill="currentColor". Neu ban dang style icons bang CSS fill property, no se khong con hoat dong nhu cu. Thay vao do, ban can dung CSS color property de to mau icons.
Vi du cu:
/* Cu - khong con hoat dong */
.my-icon svg {
fill: #ff0000;
}
/* Moi - dung cach */
.my-icon svg {
color: #ff0000;
}3. useResizeCanvas Hook Bị Deprecated
Neu plugin cua ban dung useResizeCanvas() hook de phan biet desktop/tablet/mobile, can chuyen sang getDeviceType() va setDeviceType() – cap nay van hoat dong binh thuong. WordPress 7.1 cung thay the preview toggle cu bang mot device preview co the resize tu do.
Quy Trinh Test Plugin Buoc Đoi Buoc
Đe dam bao plugin cua ban hoan toan compatible voi React 19, minh khuyen ban theo quy trinh sau:
Buoc 1: Tao mot staging site (dung WordPress Playground cho nhanh).
Buoc 2: Cai dat WordPress 7.0, Gutenberg 23.4, va plugin cua ban.
Buoc 3: Bat gutenberg-react-19 flag trong Experiments.
Buoc 4: Mo Developer Tools (F12), chuyen tab Console.
Buoc 5: Test tung man hinh, tung feature cua plugin. Ghi lai moi warning xuat hien.
Buoc 6: Fix tung warning mot theo huong dan cua React 19 migration guide.
Buoc 7: Test lai sau khi fix de dam bao khong con warning.
Cach Fix Cac Warning Pho Bien
Đay la mot so fix thuong gap ma minh da tong hop tu qua trinh test:
Fix ReactDOM.render
// Cu - se bi warning
import ReactDOM from 'react-dom';
ReactDOM.render(<App />, document.getElementById('root'));
// Moi - dung createRoot
import { createRoot } from 'react-dom/client';
const root = createRoot(document.getElementById('root'));
root.render(<App />);Fix String Refs
// Cu - se bi warning
<input ref="myInput" />
// Moi - dung useRef
const myInput = useRef(null);
<input ref={myInput} />;Fix Legacy Context
// Cu - se bi warning
class MyComponent extends React.Component {
static childContextTypes = {
theme: PropTypes.string,
};
getChildContext() {
return { theme: 'dark' };
}
}
// Moi - dung Context API
const ThemeContext = createContext('dark');
function MyComponent() {
return (
<ThemeContext.Provider value="dark">
{/* children */}
</ThemeContext.Provider>
);
}Tool Ho Tro Test Tu Dong
Neu ban co nhieu plugin va khong muon test thu cong tung cai, co the dung WordPress Playground de tao moi truong test nhanh. Playground cho phep ban spin up mot WordPress instance trong browser ma khong can server.
URL truy cap: https://playground.wordpress.net/
Ban cung nen xem xet viet End-to-End tests voi Playwright – WordPress Developer Blog vua co mot bai huong dan chi tiet ve cai dat Playwright cho WordPress E2E testing vao thang 5/2026. Tests nay se giup ban catch regression tu dong moi khi co update moi.
Timeline WordPress 7.1 Ma Ban Can Biet
Đe len ke hoach test cho hop ly, day la timeline chinh thuc cua WordPress 7.1:
- 15/7/2026: Beta 1 – Tat ca features se duoc lock
- 22/7/2026: Beta 2
- 29/7/2026: Beta 3
- 5/8/2026: Release Candidate 1
- 19/8/2026: Final Release tai WordCamp US
Thoi diem tot nhat de bat dau test la ngay bay gio, truoc khi Beta 1 ra mat. Moi bug ban report truoc Beta 1 co co hoi duoc fix chinh trong phien ban chinh.
Ket Luan
React 19 la mot trong nhung thay doi lon nhat tuong lai cua WordPress, va no se anh huong den bat ky plugin hay theme nao dung @wordpress/element, @wordpress/components, hay editor internals. Bat co thi nghiem gutenberg-react-19 ngay hom nay, fix tung warning trong console, va ban se co mot he thong truoc khi WordPress 7.1 ra mat vao 19/8.
Neu ban can ho tro them ve WordPress performance hay caching, tham khao them bai toi uu toc do WordPress 2026 cua chung toi. Hoac neu ban quan tam den bao mat, bai viet ve WordPress Plugin Supply Chain Attack se giup ban hieu ro hon ve rui ro bao mat hien tai.
