RSS

Salesforce Development with Visual Studio Code

Hi Folks,

Salesforce IDE MavensMate is no longer being developed and supported by Salesforce.

So as a Force.com developer, which IDE we should choose instead of MavensMate?

Salesforce recommended the IDE Visual Studio Code, which has an extension like Mavensmate named ForceCode and a Salesforce’s official Visual Studio Code plugin for using Salesforce DX.

Today i am going to share the steps, to create Salesforce Project in VS Code IDE.

> Download and Installing Visual Studio Code from the below site

Download VS Code

> Refer below URL, to Install the Salesforce CLI

SFDX Setup Install CLI

> Open VS Code and verify sfdx installed successfully using terminal

execute sfdx force –help

> Install Java Platform, Standard Edition Development Kit

> Install Salesforce Extensions for VS Code Plugin

Refer below site for more information

https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode

> Open Visual Studio code, press cmd+shift+p and type sfdx: and select Create project from manifest option

> Select location (create new folder and select ) in your local machine to create salesforce project

> Check package.json is available under manifest

> Create Scratch Org for development

> Type cmd+shift+p and type Auth, select Authorize an Org option. This will redirect to the salesforce login page, login using scratch org credentials.

> After successfully authenticated, Go to VS Code and right click on package.json and select the option Retrieve Source in manifest from Org. This will retrieve the org codebase in to VS code.

> Verify the code base under force-app —> main —> manifest folder

Congratulation, now able to connect to your org from Visual Studio Code IDE.

Reference URL’s

Salesforce Extensions for VS Code – What is it?

Install Salesforce Extensions for Visual Studio Code – Trailhead

how do i connect visual studio code to my free developer org?

Using VS Code and connecting to Salesforce

Org Development Model with VS Code

Salesforce DX: Useful CLI Commands

Happy Learning !!

Get glued to know more updates.

Have a nice day 🙂

 
Leave a comment

Posted by on July 27, 2019 in Uncategorized

 

React/Redux Performance and Optimization

Hi Friends,

Today i am sharing few of the useful information / articles on how to increase the  performance and optimization of React/Redux application.

React Performance Tools

React/Redux Performance and Optimization

How does React decide to re-render a component?

How to Benchmark React Components: The Quick and Dirty Guide

Use the React Profiler for Performance

React, Reselect and Redux

Optimizing Performance

The most unknown redux performance trick

The best place to deep dive in to connect api of redux

Performance Engineering with React (Part-1 & Part-2)

Redux FAQ: Performance

Hope this information will helps.

Happy Learning !!

Keep watching this space for more updates

Have a nice day 🙂

 
Leave a comment

Posted by on July 25, 2019 in Uncategorized

 

Learn React – Redux | Thunk

Hi Folks,

Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.

As per Wikipedia,

Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook’s Flux architecture, it was created by Dan Abramov and Andrew Clark

Sharing some useful information of React – Redux.

Redux Intro

reduxjs/redux: Predictable state container for JavaScript apps – GitHub

Redux Basics

React-enlightenment

Redux – Devdcos

Getting Started with Redux

Redux – egghead

React Redux Tutorial for Beginners [2019]

React + Redux Tutorial

A Complete React Redux Tutorial for Beginners (2019)

React Redux Form

Understanding Redux Thunk

Redux-A CRUD Example

A Basic React + Redux introductory tutorial from Hackernoon

Redux: Create a Redux Store – freecodecamp

Use Redux in your React app in just 10 minutes

YouTube Vedios

Complete React Tutorial (& Redux) #35 – Redux Stores

React Redux Tutorial | Redux Tutorial for Beginners

Happy Learning!!

Get glued to know more updates.

Have a nice day 🙂

 
Leave a comment

Posted by on June 23, 2019 in Uncategorized

 

Angular

Angular.js is a javascript framework that has gained very good momentum in recent days. After exploring and working on angular, I found how powerful the framework is. It is the best option for a single page application (SPA). Angular.js allows for clear separations of concerns (MVC) and allows developer to write cleaner, efficient and maintainable code. The power of angular is many but the most important ones include, making HTML more readable and more declarative, dependency injection, MVC etc… The documentation for angular seems nice but I suggest the following resources which anyone who would like to start angular.

Basics:

To start with angular.js I would suggest with thinkster as this covered almost all major topics in the framework

https://thinkster.io/angulartutorial/a-better-way-to-learn-angularjs/

Testing: During one of my angular.js meetups, I came across this popular testing tool to be used with angular.js – Protractor.js . I am yet to look into the trade off on protractor vs karma vs jasmine for testing framework, but the following link acts as a starting point for protractor

Google Testing Blog: Protractor: Angular testing made easy

Design Patterns:

Thoughtworks has put up a very nice article for angular developers, listing out the `Do Not’s` when developing an angular app. It a very valuable resource for team starting angular.

Good Practices to Build Your AngularJS Applicatio…

Another article that deals on the same topic is an article by airpair.com

https://www.airpair.com/angularjs/posts/top-10-mi…

7 Best AngularJS Frameworks for Rapid Application Development

Reference Books:

O’Reilly Media – AngularJS by Brad Green, Shyam Seshadri

Happy Learning!.

Get glued to know more updates.

Have a nice day 🙂

 
Leave a comment

Posted by on June 22, 2019 in Uncategorized

 

Learn React

Hi Friends,

Recently, React has gained a lot of popularity among tech companies across the globe, the credit goes to its extensive nature and resourcefulness, good documentation, ever growing developer resources and support from Facebook Inc.

As per Wikipedia,

React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded.

Today i am sharing few of the nice React tutorials, which will helps for beginners and experienced peoples.

Tutorial: Intro to React

30 days of React

Want to Learn React from Scratch

ReactJS Tutorial – Tutorialspoint

Learn ReactJS from codecademy

Learn React – W3Schools

Learn React from YouTube Videos

Learn React – React Crash Course [2019] – React Tutorial with Examples | Mosh

Learn React.js – Full Course for Beginners – Tutorial 2019

Useful Information:

When Should We Use setState() in React?

How Virtual-DOM and diffing works in React

How to understand a component’s lifecycle methods in ReactJS

React Lifecycle Methods- how and when to use them

React 16 Lifecycle Methods: How and When to Use Them

The 2019 React Developer RoadMap – Your Guide to become a Modern FrontEnd Developer

Online – Editors

BABEL Editor

jsbin Editor

Online React compiler, Online React IDE

CodeSandbox

Happy Learning!!

Keep watching this space for more updates

Have a nice day 🙂

 
Leave a comment

Posted by on June 22, 2019 in Uncategorized

 

Learn Web Frameworks | 2019

Hi Folks.

This article is your roadmap to becoming a web developer in 2019. The below tutorials and top courses to provide a path to start a career as a frontend or backend engineer.

23 Best Free JavaScript Frameworks for Web Developers 2019

Learn Web Development in 2019 | Web Dev Tutorials

10 Frameworks Java and Web Developers Can Learn in 2019

9 Java EE Frameworks to Build Enterprise Applications

Why and How to Secure API Endpoint?

 

7 Best Java Blogs for Programmers of All Level

Happy Learning!!

Keep watching this space for more updates

Have a nice day 🙂

 
Leave a comment

Posted by on June 16, 2019 in Uncategorized

 

Useful Tools

Hi Folks,

Sharing here few useful tools

Top 21 YouTube Tools to Grow Audience, Revenue and More

How to Perform Web Server Performance Benchmark?

10 Open Source Load Balancer for HA and Improved Performance

Top 5 CSS Tools for Web Developers and Designers

Happy Learning!!

Get glued to know more updates.

Have a nice day 🙂

 
Leave a comment

Posted by on June 15, 2019 in Uncategorized