Homepage
Open in app
Sign in
Get started
Learning Reflection
Feel free to follow my journey on path to learning JavaScript and React for web-development and data visualisation! Completely a beginner myself.
React
JavaScript
Data Visualisation
App Development
Follow
React.js
Create suggested search bar with React-Select
Create suggested search bar with React-Select
Here is an example of the search bar we will be making. We will be going through the set-up for react-select first and then style the…
Penny Pang
Jan 31, 2019
How React.js Toggle Button Works
How React.js Toggle Button Works
In this blog, I will be explaining how a toggle works in React and how to create a toggle button to display plain text.
Penny Pang
Jan 21, 2019
Types of React Components
Types of React Components
Two types of React components
Penny Pang
Jan 20, 2019
Install React.js
Install React.js
After completing multiple React tutorials and reading multiple tips and tricks, I am ready to create my first React project.
Penny Pang
Jan 4, 2019
Component (this.state)
Component (this.state)
Sometimes, a component is dynamic and there are two ways props and state . A component’s state is not passed in from the outside, it…
Penny Pang
Jan 1, 2019
Components Interact
Components Interact
Render( ) method can also return another kind of JSX component instances.
Penny Pang
Dec 17, 2018
React Component
React Component
A component is a small, reusable chuck of code that is responsible for one job (often is to render some HTML)
Penny Pang
Dec 17, 2018
.map( ) in JSX
.map( ) in JSX
This .map( ) is an array method to create a list of JSX elements..
Penny Pang
Dec 17, 2018
If Statement in JSX
If Statement in JSX
You cannot insert an IF statement into JSX like this
Penny Pang
Dec 17, 2018
JSX Syntax Stuff
JSX Syntax Stuff
More powerful tricks and some common errors to avoid.
Penny Pang
Dec 17, 2018
The Virtual DOM
The Virtual DOM
If you render the exact same thing twice in a row, the second render will not change. Mostly, JavaScript is slow because of the…
Penny Pang
Dec 17, 2018
What is JSX?
What is JSX?
JSX is a syntax extension for JavaScript written to be used with React.js. Pretty much looks like HTML code. Web browsers will not be able…
Penny Pang
Dec 17, 2018
About path2code
Latest Stories
Archive
About Medium
Terms
Privacy
Teams