Skip to main content

My journey to learning React.js

 Day #1 (again ._.)

What is react?

React. js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. ... React allows developers to create large web applications that can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple.
[www.c-sharpcorner.com › article › what-and-why-reactjs | What and Why React.js - C# Corner]

Great! Just what I need it for :) 

Focusing on three websites to learn:

  • https://reactjs.org/tutorial/tutorial.html
  • https://www.sololearn.com/Play/react
  • https://www.w3schools.com/react/

A bit lost on this &+ to review:

The React team primarily recommends these solutions:

  • If you’re learning React or creating a new single-page app, use Create React App.
  • If you’re building a server-rendered website with Node.js, try Next.js.
  • If you’re building a static content-oriented website, try Gatsby.
  • If you’re building a component library or integrating with an existing codebase, try More Flexible Toolchains.
Alright ... let us go with the first since that's what I am aiming for.

Oooo Glossary! https://reactjs.org/docs/glossary.html#

Babel is the compiler most commonly used with React.


Following: Getting started with React with Create React App


npm is a package manager for the JavaScript programming language. It is the default package manager for the JavaScript runtime environment Node.js. It consists of a command line client, also called npm, and an online database of public and paid-for private packages, called the npm registry.


And success: Compiled successfully!
 
You can now view react-test in the browser.
  Local: http://localhost:3000



Successfully have a empty game of Tic Tac Toe locally [this: https://codepen.io/gaearon/pen/oWWQNa?editors=0010] && Syntax highlighting [CHECK & DONE.-. https://babeljs.io/docs/en/editors/]

Oh, this thingy also: ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code. It was created by Nicholas C. Zakas in 2013. Rules in ESLint are configurable, and customized rules can be defined and loaded. ESLint covers both code quality and coding style issues.


What Is React?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.


> > React component class, or React component type. 
A component takes in parameters, called props (short for “properties”), and returns a hierarchy of views to display via the render method.

render returns a React element, which is a lightweight description of what to render. Most React developers use a special syntax called “JSX” which makes these structures easier to write. 


mbz modification idea: When you smile or frown, you jump from box to the next.

Passing props is how information flows in React apps, from parents to children.
To “remember” things, components use state.
When you call setState in a component, React automatically updates the child components inside of it too.


Ended: September 22nd.


 Day #2 (resuming .-.)

Oops, it's been more than a week ._. I WILL GET IT DONE! 




Additional Resources:

A re-introduction to JavaScript (JS tutorial)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

Comments

Post a Comment

Popular posts from this blog

10.10.2020

 Mental Health Day. For someone who thinks, feel and occasionally experience certain outburst or 'rough day' - I know this public awareness day can mean a variety of things to many; especially those who understands and experiences extreme 'mind moments'. I had one of those rough days today. I felt unhappy. Hopeless. Stuck where I don't wish to be. Thought of ways I shouldn't be ... yeah.  It hurts. Especially when your mind is clouded with so many thoughts and you are unsure who to trust and share with. I know for sure the slightest thing can trigger a more negative behaviour ... where you can lose control of your own mind and being. It feels like maybe-yes  you know what is going on, but certain thoughts are now in control of you and you wanted this thing for so long and did not get it or that you have been hooked on this thought(s) for so long and there is no other way to escape --- so it consumes you. I think I'm strong. But during that state, I feel as w
Post a Comment
Read more

Pandemic Update ~ About blogpost time

It has been a while since my last post. The world seems to be in chaos. A total standstill for all. I lost part of me within all of this. Some days are great, others aren't. Losing your sense of purpose is easy, especially when you are surrounded by lack of dreamers and believers. Your kind of temporary earthlings. But you are here, and that is truer than true. So to make the most of it, you have to fight the battle to overcome this level. The world, but most importantly, your inner circle can use some hope and kindness. And one of the purposes of this short life is to help as much as your energy can afford. Not forgetting, as an explorer and student ... you must always trend on the path of seeking knowledge. I just hope I can self-sustain myself. Have a sense of independence by the means of natural incoming resources for sustenance. Again, some days are better than the others. There is a sense of uncertainty for many. I tend to think that I do love the uncertainty princip
Post a Comment
Read more

Retrospect

I hate being sick. I've never suffered from any major sickness but I often get sick with the flu or aches.  Currently, I am recovering from the flu and it brought me down to the point where I had to fight to remember its not permanent. I am thankful to the people that surrounds me - both physically and virtually. Even though sometimes I feel the environment I'm in, helps to contribute to my thinking that sickness means I should just stay MEH. Nevertheless, they love and care ~ I'll remember to say Thank You in my way. This morning I came across this beautiful comic by someone name Grant Sinder. I've always love the way artists can express themselves through such illustrations.  How cool is it to see one that relates to the purpose of this blog?! So many R's of Life! Check out his facebook page: Incidental Comic for more :) So apart from still realizing I'm still alive and I absolutely dread being sick - here's to a new day. Refocusin
Post a Comment
Read more