Forem: Deeksha Sharma

Overview of ES6 Syntax

Deeksha Sharma — Thu, 04 Jun 2020 16:30:33 +0000

Arrow Functions in React CodeSandbox at https://codesandbox.io/s/arrowfuntionsinreact-33ltd
React Components in { } vs ( ) CodeSandbox at https://codesandbox.io/s/rk48j

Check out the course trailer at https://youtu.be/hhZ6yFvCWho
Check out the course at http://bit.ly/2SZDYyw

Learn the Syntax used in React which is based on JavaScript ES6. Learning these basics will help you understand and write ReactJS code faster than ever!

If you have any further questions or need help, please reach us out!

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1

Create a new Promise in JavaScript?

Deeksha Sharma — Fri, 20 Mar 2020 16:30:27 +0000

This video covers how to create a new Promise in JavaScript and what are the states of a Promise.

You can access the code at https://bonsaiilabs.com/create-promise/

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1

Write your JavaScript code using Chrome Snippets - Dev Tools

Deeksha Sharma — Wed, 18 Mar 2020 16:30:20 +0000

If you frequently write code onto the browser console,
this video will cover how you can write, edit and delete the code snippets within your Chrome browser.

The code is available at https://bonsaiilabs.com/chrome-snippets/

YouTube:

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1

Check if a JavaScript Object is Empty

Deeksha Sharma — Mon, 16 Mar 2020 18:00:20 +0000

This video covers a common question JavaScript developers come across.
How do I test for an empty JavaScript object?

Code is available at https://bonsaiilabs.com/check-empty-object

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1

Javascript String primitives vs String objects.

Deeksha Sharma — Tue, 03 Mar 2020 19:06:01 +0000

Learn about the difference between Javascript String primitives and String objects.

Continue reading on Medium »

JavaScript type checking with typeof operator

Deeksha Sharma — Tue, 25 Feb 2020 22:06:01 +0000

This video covers what all built-in types exist in JavaScript and how to perform type checking on those data types.

Continue reading on Medium »

How string.includes() works in JavaScript

Deeksha Sharma — Tue, 11 Feb 2020 22:01:01 +0000

In this video, we will learn when and how to use includes() method on Strings. This method determines whether or not a string includes…

Continue reading on Medium »

JavaScript Promise and its states?

Deeksha Sharma — Tue, 11 Feb 2020 17:30:18 +0000

This post covers what are Promise in JavaScript and a bit about the different states of Promise.

The code is available at https://bonsaiilabs.com/promise-and-states/

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1

Comparison of Material UI with Google Material Design

Deeksha Sharma — Fri, 01 Nov 2019 22:16:35 +0000

Originally posted here

Material-UI is an excellent framework to develop beautiful React components faster! You can start with Google Material Design out of the box or create your own design system.

It's faster than ever to build beautiful and consistent apps using React and Material-UI.

Learn how Google Material Design could be directly implemented using Material-UI and ReactJS.

Check out the course trailer
And the full course on Material-UI with React

Learn about Material-UI Grid

Deeksha Sharma — Fri, 18 Oct 2019 16:00:34 +0000

Originally posted on https://youtu.be/9207OppzJU0

Code Sample from Material-UI Grid CodeSandbox

Below is the complete course to build beautiful and consistent apps using React and Material-UI.

Check out the course trailer
Check out the course

Material UI provides a Grid system so that application is responsive or to say consistent across different screen sizes.

It supports 2 types of layouts.
Containers and
Items placed inside the container. The widths of the item are fluid and sized in accordance with the parent. Items also have padding around them.

There are 5 breakpoints supported by Material UI Grid.
xs for mobile phones
sm for tablet devices
md for medium-sized desktop screens
lg for large screens &
xl for TV screens
These breakpoints can only be applied to Grid Items and not the containers.

If you have any further questions or need help, please reach us out!

Filter Arrays in JavaScript

Deeksha Sharma — Mon, 14 Oct 2019 14:05:48 +0000

This video covers how filter higher order function works on JavaScript Arrays

Code Samples at
https://gist.github.com/SuperBonsaii/30551ea9f7d4b7bef48f2e65e4a02325#file-filter-arrays-in-javascript-md

*******Watch all JavaScript Tutorials*******

http://bit.ly/javascript-youtube

Deeksha on Twitter: https://twitter.com/deekshasharma25

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1
Visit bonsaiilabs at https://bonsaiilabs.com

JavaScript typeof operator

Deeksha Sharma — Fri, 11 Oct 2019 14:14:58 +0000

This video covers what built-in types exist in JavaScript and how to perform type checking on those data types.

Get the code samples at https://gist.github.com/SuperBonsaii/...

*******Watch all JavaScript Tutorials*******

http://bit.ly/javascript-youtube

Deeksha on Twitter: https://twitter.com/deekshasharma25

Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZ...
Follow bonsaiilabs on Twitter: https://twitter.com/bonsaiilabs
Follow bonsaiilabs on Facebook: https://www.facebook.com/thebonsaiilabs
Visit bonsaiilabs at https://bonsaiilabs.com