Celebrating a Joyful JavaScript Certification

  • Although I had taken few online courses on JavaScript, I always lacked confidence in my JavaScript skills, because I had learned the language from a variety of sources and felt that there were several gaps in my JavaScript understanding.
  • Furthermore, as far as my freelance programming experience goes, I can tell that JavaScript developers are always busy, since they get the most freelance jobs (when classified by programming languages for web development).
  • However, since I already had a decent experience with JavaScript, I didn’t want to go through another course to earn a certificate (furthermore, I already had such certificates).
  • So I soon loaded up the JavaScript certification exam page for details about cost and exam process.
  • The first part of the exam was a theoretical test containing 20 single and multiple choice questions, each of which had a time limit of 1.5 minutes.

This post tells the story of my JavaScript certification preparation and success.
Continue reading “Celebrating a Joyful JavaScript Certification”

Accessing Nested Objects in JavaScript

  • tldr; safely access nested objects in JavaScript in a super cool way.
  • One of those things is the confrontation with this error when you try to access a nested object, – – Most of the times when we’re working with JavaScript, we’ll be dealing with nested objects and often we’ll be needing to access the innermost nested values safely.
  • But, for some reason, if our user’s personal info is not available, the object structure will be like this, – – Now if you try you access the name, you’ll be thrown Cannot read property ‘name’ of undefined.
  • The usual way how most devs deal with this scenario is, – – This is okay if your nested structure is simple, but if you have your data nested 5 or 6 levels deep, then your code will look really messy like this, – – There are a few tricks…
  • Unfortunately, you cannot access nested arrays with this trick – – Array reduce method is very powerful and it can be used to safely access nested objects.

Accessing nested objects in JavaScript without getting choked by ‘cannot read property of undefined’ error
Continue reading “Accessing Nested Objects in JavaScript”

5 Reasons Why I Love React Native – codeburst

“5 Reasons Why I Love #ReactNative” — @AdhithiRavi

  • If you know Javascript, it is easy to learn.I started writing my first React Native app, with zero prior experience in mobile application development.
  • Web developers can leverage their knowledge in Javascript to write React Native apps.
  • Don’t ever waste time recompiling.This is one of my most favorite aspects of developing React Native Apps.
  • Android Date Picker— Underlying Native WidgetiOS Date Picker — Underlying Native WidgetThese are some aspects of React Native that makes the developer’s life much easier and we don’t need to reinvent the wheel here.
  • With React Native build Android, iOS and Windows Apps all in Javascript.5.

React Native is very popular these days, and thousands of apps are already built using React Native. Big names like Facebook, AirBnB, Uber, and many other companies have embraced React Native and are…
Continue reading “5 Reasons Why I Love React Native – codeburst”

5 Reasons Why I Love React Native – codeburst

5 Reasons Why I Love #reactnative – codeburst

  • If you know Javascript, it is easy to learn.I started writing my first React Native app, with zero prior experience in mobile application development.
  • Web developers can leverage their knowledge in Javascript to write React Native apps.
  • Don’t ever waste time recompiling.This is one of my most favorite aspects of developing React Native Apps.
  • Android Date Picker— Underlying Native WidgetiOS Date Picker — Underlying Native WidgetThese are some aspects of React Native that makes the developer’s life much easier and we don’t need to reinvent the wheel here.
  • With React Native build Android, iOS and Windows Apps all in Javascript.5.

React Native is very popular these days, and thousands of apps are already built using React Native. Big names like Facebook, AirBnB, Uber, and many other companies have embraced React Native and are…
Continue reading “5 Reasons Why I Love React Native – codeburst”

React Vs React Native. What’s the Difference? [The Best Part of both??]

React Vs React Native. What’s The Difference? #ReactNative #reactjs #React

  • ReactJS or simply reacts a JavaScript library that supports both front end and back end efficacies for developing web applications and user interfaces.
  • So, how does it relate to ReactJS and React-Native – – Well, in ReactJS development services, Virtual DOM is used to refresh parts of a webpage rather than the whole page and thus makes it faster than usual DOM.
  • React-Native equips everything needed for the development of mobile applications, so it is comparatively easier to set up but offers lot less option than ReactJS.
  • ReactJS development services use JSX, a special syntax that allows programmers to blend both JavaScript and HTML.
  • React-Native only caters to mobile app development and has no relation with ReactJS.

Check what’s the difference in react vs react native. And which developer should you hire for your next web or mobile application. We have given detailed comparison between both and what skills react or react native developer should have in order to get hired.
Continue reading “React Vs React Native. What’s the Difference? [The Best Part of both??]”

Babel · The compiler for writing next generation JavaScript

  • Babel has support for the latest version of JavaScript through syntax transformers.
  • These plugins allow you to use new syntax, right now without waiting for browser support.
  • Check out our env preset to get started.
  • You can install this preset with – – and add to your presets array.

The compiler for writing next generation JavaScript
Continue reading “Babel · The compiler for writing next generation JavaScript”

#ReactJS State Management Practice

#ReactJS State Management Practice

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.


Continue reading “#ReactJS State Management Practice”

Clean React Toggle @CodePen @greensock @reactjs #svg #animation #ui #minimal

Clean React Toggle @CodePen  @greensock @reactjs #svg #animation #ui #minimal

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Working on some tight, clean, minimal interaction….
Continue reading “Clean React Toggle @CodePen @greensock @reactjs #svg #animation #ui #minimal”

3 Ways to Fine-tune Presentational Components

Three ways to fine-tune your React presentational components  #reactjs #javascript

  • Here are three ways I’ve found to make React presentational components work as re-usable building blocks.
  • Here are two stories for a text input component: the first shows the component in its valid state, and the second show the component in its invalid state.
  • Instead, extract a new component and pull it up: – – Let the container decide explicitly when and where show presentational components.
  • As you keep pulling presentational components up, they start looking like enhanced native elements, so you’d like to be able to pass all props you would pass to a native element, like or .
  • Inside the component, extract the props you’ve defined yourself and pass the rest to the element that you’re wrapping: – – Here, we’re separating the prop from the rest, and passing the remaining props to the element.


Saturday, Feb 17 2018

in

javascript

react

Continue reading “3 Ways to Fine-tune Presentational Components”

Vue vs React: Battle of the Javascript Frameworks

#Vue vs #React: Battle of the #Javascript Frameworks 
#VueJS #reactjs

  • I’ve created two nearly identical sample applications, one in Vue and one in React, if you’d like to give either framework a shot in the context of the samples in this article.
  • The biggest difference is that React popularized a Virtual DOM (we’ll get into this later) and created a new syntax called JSX that allows developers to write HTML in JavaScript.
  • Unlike earlier JavaScript frameworks that had ‘batteries included,’ both React and Vue are fairly barebones with functionality like routing and state management handled by separate frameworks.
  • Both React and Vue are focused solely on the UI layer, and leave functionality such as routing and state handling to companion frameworks.
  • In Vue there’s no need to call a state management function like , as the data parameter on the Vue object acts as the holder for application data.

React vs Vue.js. Are you in the market for a shiny new JavaScript UI framework? Find out the main similarities & differences between these two popular ones.
Continue reading “Vue vs React: Battle of the Javascript Frameworks”