Release 0.5. Integrating React Next into Gutenberg Project

This is the first part of release 0.5 and in this post I will talk about steps that I will take in order to solve issue #18216 in Gutenberg Project. 

What is issue about:
Find a way to integrate React Prerelease channels into WordPress/Gutenberg. React Prerelease channels allows Projects that are not using React as a user-facing application test features that are might will be available in the next releases. By integrating React Prerelease channels into Project community will help in improving React while testing out new features.

What needs to be done in Gutenberg:

1. Install Next or Experimental channels (as I'm waiting for respond which channel I have to integrate Next or Experimental I will talk for now only about Next channel) inside of the project 
In package.json 
change version of react and react-dom to  "next"
so package.json will look this way:

2. Set up CircleCI or Travis CI in order to run occasionally tests.

- Set up cron jobs that are supported by CircleCi or Travis CI
- In the cron job update React to "next"



- Run tests against updated packages.

Note. Command `yarn upgrade ` used here, while for npm cli command is `npm update react@next react-dom@next`

3. Gutenberg use React as external library, and according to documentation I have to tweak the PHP code in the webpack configuration to enqueue it using WordPress API

Comments

Post a Comment

Popular posts from this blog

Hacktoberfest - Issue #1, Pull Request #1

Image
In this article I will continue to talk about my journey through the Open Source Development. As I mention in previous post   I am participating in Hacktoberfest. Requirements for this fest is to submit 4 Pull Request during the month of October in order to get a T-shirt with Hacktoberfest logo. In this post I will talk about my first PR (Pull Request). In the beginning of October I went through many filed issues on the Git Hub in order to find to work on something this month. My very first issue was to create a small animation selector for Hacktoberfest. Hacktoberfest animation. This task was not very complicated but more on a practice to fork, edit code, create PR and merge. Neither this task required any special installation (Visual Code is enough to handle this issue) Steps to complete PR for this issue: 1. Create CSS file with my own animation. In this part I had to do little research on CSS animations. I find many different ideas and how to implement them to get
Read more

Release 0.6

Image
Going back to Telescope. Between release 0.5 and 0.6 I was working on the Telescope project. I was assign to few issues during the 2 weeks period.  My first issue was to add test to make sure our application starts. This issue reference to the page where possibly I can look for solution. Ideally issue -363 should solve: a) make sure that our app is working b) allowed to hit correct root. After reading examples and documentation I have learned that there is 'start-serve-and-test' npm package that starts server, waits for URL, then runs test command; when tests end, shuts down server.  How to use this package: Install this package  npm i  start-server-and-test Add command to the script. In my case Telescope already has command to start server and command for the tests. This way I just had to combine both commands into one that I named "CI" and add localhost.  Indeed this package did not solve the intention  of the issue I was working on. This packa
Read more

Hacktoberfest

Image
Few more days till October will knock into our windows. Before I start my OSD600 month of October was the month when all celebration begins (Thanksgiving Day, Halloween, preparation for Christmas and Christmas itself). This year everything is different. For many new programmers and programmers who new to open source development this is the month to challenge ourselves in Hacktoberfest . My very first challenge is to pick a proper issue. I never thought that it will be that hard. It's been already 2 weeks since I start looking into this. And every time I can't decide what will be a good start. This is the time when emotion overlaps with knowledge. On one side I want to pick something that I would like to do but on the other side the fear that my Pull Request will not be excepted make me nervous. After searching through so many issues on the GitHub i pick few issue I will work. My first goal for this challenge is to gain confidence in programming, in the end of the day this
Read more