Supercharge your next react native project

We all know it is a time consuming process to setup all the basic stuffs for each of our react native projects.

What comes with the template

Right now, the template is in it’s initial stage, but we have implemented few things that makes starting right on and developing our app easy

1. We have implemented redux along with redux-thunk and redux-persist to persist app state when app quits

2. Right now we have a text component that supports different heading styles h1, h2, h3 and h4 and a button component.

3. We have implemented a global styling and theme support using react-native-extended-stylesheet library.

4. We have implemented navigation logic using react navigation library.


Whats and Hows of React Native Template

We all know it is a time consuming process to setup all the basic stuffs for each of our react native projects. Every time we create a new project, we have to setup basic stuff like state management library, navigation library, basic components. Even though we have library of components, it is a tedious process to copy and paste those in each of our new projects. What if there was a better way. Yes from react native version 0.42.0 we have. And its called template.

Understanding WordPress Files and Directories

1. Posts

Posts are the principle element of a blog. The posts are the writings, compositions, discussions, discourses, musings, and, yes, the rantings of the blog’s owner and guest authors. Posts, in most cases, are the reason a blog exists; without posts, there is no blog!

2. Dashboard

From the Dashboard’s Home page, you can quickly access your site’s content and get glimpses into other areas of the WordPress community. The Dashboard Screen presents information in blocks called widgets. By default, WordPress delivers five widgets on this page: At a Glance, Activity, Quick Draft, WordPress News, and Welcome

3. Media

Pictures, movies, sounds and images integral to a blog are known as media. Media enhances and gives life to the blog’s content. WordPress provides an easy to use method of inserting Media directly into posts, and a method to upload Media that can be later attached to posts, and a Media Manager to manage those various Media.

4. Categories

Each post in WordPress is filed under one or more categories. Categories can be hierarchical in nature, where one category acts as a parent to several child, or grandchild, categories. Thoughtful categorization allows posts of similar content to be grouped, thereby aiding viewers in the navigation, and use of a site.

5. Tags

In addition to categories, terms or keywords called tags can be assigned to each post. Tags act as another navigation tool, but are not hierarchical in nature. Both categories and tags are part of a system called taxonomies.

6. Custom Taxonomies

If categories and tags are not enough, users can also create custom taxonomies that allow more specific identification of posts or pages or custom post types

Embeding Videos in a wordpress blog is easier than you think

As we all know, videos bring life to our website and are a great way to boost user engagement on our site. In this article, we will learn to easily embed videos in any WordPress blog.

WordPress comes with a great feature called auto-embeds. It allows WordPress to automatically get the embed code for videos from popular video hosting sites like YouTube, Vimeo, CollegeHumor etc.

All we need is to paste the video URL into the post editor and make sure that the URL is in it’s own line and not clickable (hyperlinked). If we are using visual editor, then WordPress will immediately fetch the embed code and display the video inside post editor otherwise we can now save our post and click on the preview button to see the video embed in our post.

As we said, that was very easy.
WordPress can only do auto-embeds for few white-listed service providers. For other websites we still have to obtain an embed code and then paste it in our blog posts.
Here is a list of white-listed service providers for auto embeds in WordPress.

You Don’t Need JavaScript

Want to build a quick CSS-only slideshow or a modal window? These are some of the most common UI elements on the frontend development and nowadays we can build them without using any JavaScript.


Additionally, JavaScript can be used to create custom tracking links, forms, and other features within Salesforce Marketing Cloud. JavaScript can also be used to create custom analytics reports to track performance of campaigns, and to integrate with other Salesforce products such as Sales Cloud, Service Cloud, and Partner Portal.

And sure, Google is the right way to get overwhelming resources. But why not to pick from a curated list of awesome resources.
And hence this comes into play. It’s titled “You Don’t Need JavaScript”, and it offers a huge list of workable CSS-only solutions for common interface elements.

One thing to note is that these codes are not end-all be-all solutions. Not everything in the list supports all browsers. So we’ll need to vet each one individually on a case-by-case basis.

The list features over 20 different UI elements with many prominent solutions, such as:

  • Accordion / Toggle
  • Carousel
  • Tooltips
  • Flip on click
  • Tabs
  • Image galleries

Most novice to experienced users run their WordPress site without ever knowing about WordPress files or directories structure. However, understanding how WordPress stores files and directories will help solve many common problems on our own.

Well we can upload videos to our own server, but we do not recommend to do so as videos take a lot of server resource.

And imagine, our video got tons of traffic, then our site is more likely to crash. Secondly, we will be missing out the traffic from YouTube users. So it is recommended to pick a third party site such as Youtube, Vimeo etc to upload our videos and display in our blog by embeding it.

Right now, the template is in it’s initial stage, but we have implemented few things that makes starting right on and developing our app easy.

The basic steps involved in creating our own templates are

  1. Init and modify the project as required
  2. Templetifying

Using the template
Looks simple, and it is simple

Setting up Ionic View

Ionic View is by far the best thing Ionic framework provides. The problem with hybrid apps is that we need to see them on real device and show it to our clients to make them believe. The clients have to be able to view the prototype or the entire app on their own hands in their mobiles to test run it and review it.

Copyright @2023 . Compete Nepal . All Rights Reserved .