React 16 features

Posted on 2018/10/18 by Ruslan Verbelchuk

React Fiber https://github.com/acdlite/react-fiber-architecture is a virtual stack frame, with React Fiber being a reimplementation of a stack frame specialized for React components. Each fiber can be thought of as a virtual stack frame where information from the frame is preserved in memory on the heap, and because the info is saved on the heap, you can control and play with the data structures and process the relevant information as needed.

You can find an excellent explanation from Lin Clark in this video.

For more details please check the following links ,

1. What is React Fiber?

2. React Fiber Architecture

3. What Does React 16 Mean for You?

React Fiber is an ongoing reimplementation of React's core algorithm. The main difference between react and react fiber are these new features :-

  1. Incremental Rendering :- React v16.0 includes a completely rewritten server renderer. It’s really fast. It supports streaming, so you can start sending bytes to the client faster

  2. Handle errors in the render API : To make class component an error boundary we define a new lifecycle method called componentDidCatch(error, info). Error Boundaries – React https://reactjs.org/docs/error-boundaries.html

  3. Return multiple elements from render : With this new feature in React v16.0 now we can also return an array of elements, and string from component’s render method.

  4. Portals : Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.

  5. Fragments : A common pattern in React is for a component to return multiple elements. Fragments let you group a list of children without adding extra nodes to the DOM.

react fiber is using: https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback

React Async Rendering Demo. Contribute to ivan-ha/react–async–rendering–demodevelopment by creating an account on GitHub. https://github.com/ivan-ha/react-async-rendering-demo ; https://ivan-ha.github.io/react-async-rendering-demo/

Posted in React 16 | Leave a comment

How to install Jenkins 1.121 on Ubuntu 14.04

Posted on 2018/07/17 by Ruslan Verbelchuk

0. sudo -s
— How to Install Oracle Java 8 on Ubuntu 14.04 LTS —
1. sudo apt-add-repository ppa:webupd8team/java
2. sudo apt-get update
3. sudo apt-get install oracle-java8-installer

— Check the installed Java —-
sudo update-alternatives –config java
sudo update-alternatives –config javac
update-java-alternatives -l
export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64
echo “$JAVA_HOME”

— How to install Jenkins on Ubuntu 14.04–

1.
wget -q -O – https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add –
or
sudo curl -O http://pkg.jenkins-ci.org/debian/jenkins-ci.org.key
apt-key add jenkins-ci.org.key

2. sudo sh -c ‘echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list’
3. apt-get update && apt-get upgrade -y

4. apt-get -y install jenkins

—— Jenkins start on port 8080 ——
—-> nano /etc/default/jenkins
HTTP_PORT=8081
5. sudo service jenkins restart
6. copy the password from cat /var/lib/jenkins/secrets/initialAdminPassword

7. Install Plugins in Jenkins
–> Login to Jenkins dashboard and navigate to Manage Jenkins >> Manage Plugins >> Available Tab and select the plugins to install

Posted in Technologies | Leave a comment

Sketch plugins

Posted on 2018/07/10 by Ruslan Verbelchuk

RENAME IT: https://github.com/rodi01/RenameIt

SKETCH STYLES GENERATOR: https://github.com/lucaorio/sketch-styles-generator

SKETCH STYLE LIBRARIES: https://github.com/sigtm/sketch-style-libraries

SKETCH ICONS: https://github.com/AMoreaux/Sketch-Icons

MOVE TO LIBRARY: https://github.com/ahmedmigo/Move-to-library-sketchplugin

LIBRARY SOMBOL REPLACER: https://github.com/zeroheight/library-symbol-replacer

PADDY PLUGIN: https://github.com/DWilliames/paddy-sketch-plugin

SOURCE FILE: https://www.dropbox.com/s/j4u1dqjx2et…

Stacks and Auto-Layout Sketch Plugin Just like Flex Box in CSS, UIStackView in iOS, and FlexboxLayout in Android – Auto-Layout’s with its new Stacks feature is, once again, changing the game: https://animaapp.github.io/Auto-Layout/ ; https://www.youtube.com/watch?v=DiCXg17CwIY

 

 

 

 

Posted in Technologies | Leave a comment

WEB Security

Posted on 2017/05/16 by Ruslan Verbelchuk

owasp top 10 security standards

https://info.veracode.com/datasheet-thank-you-2.1.html?aliId=121948011

https://www.youtube.com/channel/UCt4woZmZYtNQ6Ulhfralesg

http://www.veracode.com/blog?_ga=1.4329651.1093907670.1491920388

https://www.owasp.org/index.php/Category:OWASP_Top_Ten_Project#tab=Main

 

SWAT checklist security standards

https://software-security.sans.org/resources/swat

https://securingthehuman.sans.org/media/resources/planning/STH-poster-winter-2013.pdf

Posted in Technologies | Leave a comment

JavaScript Resources

Posted on 2017/03/8 by Ruslan Verbelchuk

Online web-based IDE.

  1. Sencha Fiddle: https://fiddle.sencha.com.
  2. Fiddle Meta: https://jsfiddle.net/.
  3. JS Bin: https://jsbin.com/?html,output.
  4. ShiftEdit is a new web-based IDE for editing HTML/ CSS/ JS and PHP.
    It uses ExtJS and the excellent extensions: FileTreePanel and DDTabPanel. https://shiftedit.net/.

Link

Description

tympanus.net/codrops/css_reference/

CSS Reference
An extensive CSS reference with all the important properties and info to learn CSS from the basics
unicode-table.com

Unicode Character Table
jsonprettyprint.com

A simple JSON pretty printer. Put JSON in the text area below, click the "Pretty Print JSON" button, and see pretty printed JSON.

regexr.com

 

Regular expression tester with syntax highlighting, contextual help, video tutorial, reference, and searchable community patterns
caniuse.com

Select browsers to compare CSS, HTML5 functions

plnkr.co

plnkr.co/edit/?p=catalogue

embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq

Plunker is an online community for creating, collaborating on and sharing your web development ideas

jsbin.com

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more..

www.javascripting.com

blog.javascripting.com

A collection of the world's best client-side JavaScript libraries.

modernizr.com

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

github.com/intuit/xhr-xdr-adapter

xhr-xdr-adapter enables, to the extent possible, support for Cross Origin Resource Sharing (CORS) on Internet Explorer versions 8 and 9 using standard JavaScript libraries.

gedcom-parse.sourceforge.net/doc/encoding.html

Character encoding

css-tricks.com

Tips, Tricks, and Techniques on using Cascading Style Sheets.

momentjs.com

Full featured date library for parsing, validating, manipulating, and formatting dates.

cdnjs.com

An open source CDN for JavaScript and CSS sponsored by CloudFlare.

www.getcreditcardnumbers.com

Visa, Mastercard, Discover, American Express

www.theonegenerator.com/en

fakena.me/fake-social-security-number

SSN, Payment Cards generators

Posted in Front End Development | Leave a comment

UI/UX Resources

Posted on 2017/03/8 by Ruslan Verbelchuk

Guidelines:

  • Web Content Accessibility Guidlines (WCAG)
  • Section 508 (US federal standard)
  • The UX HandBook

Acronyms:

  • UXPA – The UX Professionals Association 
  • IxDA – The Interaction Design Association 
  • IAI – The Information Architecture Institute
Posted in Technologies | Leave a comment

BJJ Reference

Posted on 2017/01/18 by Ruslan Verbelchuk

Brasilian Jiu Jitsu Reference

http://www.grapplearts.com/  – download the free book.

You’ll have to provide your e-mail address and he will be sending you some really interesting newsletters .

You can unsubscribe at any moment if you wish. There are some very good articles on the site as well.

 

Be mindful, that in addition to the tons of free articles and videos, he is selling (naturally) apps and DVDs which you really don’t need or obligated to buy. Especially at this point of your journey.

https://gracieuniversity.com/

This is the source of the Gracie Jiu Jitsu.

Here you need to sign-up for free membership. You’ll get access to the 6 free lessons and videos with conceptual explanation of their philosophy and mindset. Not all historical facts presented  here are 100% truth (they are not Oracles or saints, some information  is contested and controversial), but everything related to technique and fighting philosophy is rock solid and tested in real life.

Posted in MMA | Leave a comment

FAQ: QuickBooks

Posted on 2014/02/24 by Ruslan Verbelchuk

Custom Fields in QuickBooks

http://www.sleeter.com/blog/2013/11/custom-fields-in-quickbooks/

http://qbblog.ccrsoftware.info/2008/07/custom-fields-in-quickbooks/

Posted in ERP/MRP Solutions | Leave a comment

Java Service Libraries

Posted on 2014/01/10 by Ruslan Verbelchuk
Posted in Java, Technologies | Leave a comment

FAQ: RESTful web service with Jersey&Jackson

Posted on 2013/07/18 by Ruslan Verbelchuk
  • How to do output in JSON format
    Server:  
    @POST
@Path("{id}")
@Produces("application/json")  
@Consumes("application/json")  
public JSONObject sayPlainTextHello(@PathParam("id")JSONObject inputJsonObj) {  
String input = (String) inputJsonObj.get("input");  
String output="The input you sent is :"+input;  
JSONObject outputJsonObj = new JSONObject();  
outputJsonObj.put("output", output);  
return outputJsonObj;  
}

    Client:

    ClientConfig config = new DefaultClientConfig();  
Client client = Client.create(config);  
WebResource service = client.resource(getBaseURI());  
JSONObject inputJsonObj = new JSONObject();  
inputJsonObj.put("input", "Value"); System.out.println(service.path("rest").path("hello").accept(MediaType.APPLICATION_JSON).entity(inputJsonObj).post(JSONObject.class,JSONObject.class));
Posted in Java | Leave a comment