Image for post
Image for post
Contributors graph for webpack-cli during GSoC phase

After more than 52 merged PRs and 75 commits in webpack’s CLI, here we are at the end of the Google Summer of Code journey.

Webpack CLI encapsulates all code related to CLI handling. It captures options and sends them to webpack compiler. You can also find functionality for initializing a project and migrating between versions.

Today, we’ll share about what all happened in this little journey of webpack-cli. We’ll majorly talk about the overall work that happened during this phase and also about our finding from the learnings and experiences we had.

Abstract Syntax Tree Optimisations 🌲

Abstract Syntax Tree or AST is a hierarchical tree-like representation of the code. It helps us understand and read relationships between different elements of the code. An AST transformation is an action of modifying this tree (i.e. changing an existing AST to a new AST). …


Image for post
Image for post

I got selected for Google Summer of Code 2018 under webpack. From knowing little about webpack before the organisations were announced, to being selected as one of the students, it has been a great ride. I can’t stress my gratitude towards the webpack community for being so helpful and welcoming to new contributors.

So, let’s take off. 🚀

About me

Image for post
Image for post

I‘m a software engineer and a student from DAIICT, India; currently in my final year of Masters in Information Technology. I’ve also pursued React Nanodegree from Udacity.

I absolutely love working with JavaScript. Frontend engineering is my game. There has been a huge ecosystem of libraries and frameworks popping every week. My primary tools have been React, Redux, React Native, webpack and NodeJS. I led development for a young startup couple of years back. I’ve done couple of industry internships and have been quite active in open-source. I’ve contributed and built ReactiveSearch — A UI Components library based on Elasticsearch for React and React Native. …


Image for post
Image for post

Screen space is a precious commodity on mobile. The drawer menu (or “hamburger menu”) is one of the most popular navigation patterns that helps you save it while offering intuitive navigation. In this post, I will demystify how to build a nested (multi-level) drawer menu using React Native and React Navigation. 🔰

Image for post
Image for post
Nested Drawers in React Native

Try the live demo on mobile📱or on web. 🕸️

Navigation in React Native ⚛️

Navigation forms the backbone of a huge majority of apps built for production. The look and feel of navigation are important for driving use and engagement in mobile apps.

However, if you are React Native developer, there isn’t a clear opinion when it comes to building a navigation menu. React Native recommends a bunch of libraries for navigation. Each has its strength, depending on your needs, but there’s no one clear winner for all use-cases. …

About

Dhruvdutt Jadhav

JS Engineer | GSoC 2018 | Geek ⌨

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store