fabiochiu/medium-articles huggingface dataset:
We are the medium
Tags: Traditions, Responsibility, Dharma, Waves

This is going to be a mini-story on why our existence matters.

கற்றது கைமண் அளவு கல்லாதது உலகளவு — Avvai [Karrdu kaiman alavu, kalladadhu ulagu alavu]

Avvai said what we have learned is a mere fistful, and what we are yet to learn is the size of this world. As deeper realization occurs, one tends to feel one is not even the size of a speck of dust in the scheme of things; so the fistful learning is even smaller than that speck of dust.

Cosmic Eye, a short movie designed by astrophysicist Danail Obreschkow, shows the scale of the Universe from the elementary particles to the cosmic web.

From Avvai, we gather that we know very little, and from Obreschkow’s short movie, we realize that we are so little; is there anything meaningful to our existence?

Yes, there is!

Our existence connects with others' existence, creating an existence web; we could be a string or a node on this web depending on our actions. Our energy has an impact on others via these connections. Our existence is connected to the existence of the living, but it is connected to the existence of our ancestors and progenies. This connection is significant.

Let us look into the universe of waves. There are several types of waves, but we will look at mechanical waves for this discussion. Simply put, mechanical waves transfer energy through a medium. Common examples are sound waves, vibrations, and wind waves.

There are three types of mechanical waves — transverse, longitudinal, and surface. In each case, the wave needs a particle to participate in the motion. The direction of particle moment is irrelevant for our discussion, but the following two points are important:

The particle moves and contributes to the wave’s propagation. More or less, the particle does not end up moving a great distance along or across the wave. It oscillates in its position.

If the particle did not exist or did not participate, then the wave’s energy is reduced. If enough particles offer resistance or enough particles are removed from the region, the wave dies soon enough.

Traditions are similar to waves; they need a medium for its propagation. That is where we come into play. If we do our job of oscillation, then we pass the tradition to the next generation. If we choose not to participate, and enough people like us choose not to participate, then the tradition dies.

Just as the particle does not travel with the wave, we do not travel with the tradition. We hand it over to the next generation.

Simple propagation across people

We might be smaller than a speck of dust, but our job is to oscillate if we care about the traditions that we should pass down. We are neither small nor big; we are of the right size. When energy comes our way, we have a choice. We are the medium.
Crowdsourcing Trash Collection
By: Nadine Zylberberg
Tags: Data, Litterati, Crowdsourcing, Pollution, Environment

LITTERATI

For platforms like Litterati, the answer is a resounding yes. Litterati is an app that encourages people to pick up and document trash on their smartphones. Founder and CEO Jeff Kirschner, reflecting upon his days at summer camp, was inspired by memories of the counselors instructing campers to pick up five pieces of trash before visiting day.

“You get a couple hundred kids, each picking up a few pieces and it doesn’t take long before you have a spotless camp. And I thought, why not apply that crowdsourced model to the entire planet,” Kirschner has said.

In his TED Talk, Kirschner explained how he set out to make trash-collecting artistic and approachable.

To use Litterati, one photographs a piece of trash, tag it (by object, material, brand), then disposes of it accordingly. Simple enough. Contributors can also participate in a crowd-sourced challenge or create their own challenge. The application is about getting rid of trash that already exists — and also to stopping it from being created in the first place.

The platform collects data on who picked up what, where, and when.

Documentation is a crucial piece of the system. Using Litterati, fifth graders in Modesto, California, picked up 1,247 pieces of trash, most of it consisting of plastic straw wrappers. They approached their school’s administration, urging for a simple, but impactful, change to the cafeteria. In San Francisco, a thorough documentation of litter across 32 areas found that cigarettes were everywhere. A doubling of the cigarette tax followed suit.
Imperial Beach officials say the real border crisis in San Diego is cross-border pollution
By: Amber Nelson
Tags: Sewage, Cross Border, San Diego, Pollution, Tijuana

SAN DIEGO — Undocumented immigration has recently been a popular topic in the media nationwide, but city officials in Imperial Beach are concerned about a different type of entry at the border: sewage.

The San Diego-Mexico border is one of the most prominent examples of the issue of “cross-border pollution.” The Tijuana River is a body of water that flows from Mexico, into Imperial Beach, CA, carrying pollution from one country into another.

“When you involve two countries sharing one problem, it can get complicated,” said Paloma Aguirre, coastal and marine director of Wildcoast, a non-profit organization that works to conserve coastal and marine ecosystems along the San Diego international border.

Sedimentation basins and trash booms have been set up in Goat Canyon, in Border Field State Park, and they cost $1.8 million dollars annually to be maintained and cleaned. Education Coordinator for the Tijuana River National Estuary and Research Reserve, Anne Marie Tipton, explains how these basins work and says cross-border pollution is a “$400 million-dollar problem.”

A Worsening Problem:

In Feb. 2017, a sewage pipe in Tijuana broke, causing more than 200 million gallons of sewage to flow into the U.S., reaching as far as Coronado. While this did cause excess pollution to enter U.S. waterways, Imperial Beach Environmental and Natural Resources Director Chris Helmer said it was not much more than what is usually entering the country.

“It got people’s attention and kind of pissed a lot of people off when it was clearly a problem and no one was doing anything about it,” he said. “In reality, there’s constantly sewer breaks happening in the city.”

Trash piles up in the trash booms in Goat Canyon in Border Field State Park on May 3. The trash booms cost the state $1.8 million annually, according to Education Coordinator for the Tijuana National Estuary and Research Reserve, Anne Marie Tipton.

One of the reasons this issue has worsened over the past years, according to Aguirre, is that the city of Tijuana, Mexico has been rapidly expanding, but the infrastructure has not expanded to match it.

“The services that are in need, like trash collection services or illegal dumping enforcement, are not quite on par with the needs of the city,” she said.

Aguirre said Wildcoast does advocacy work in Mexico to help get funding for these infrastructure programs, but due to ongoing elections in Baja, Mexico, the priority of this issue to the Mexican government is unclear.

“You can’t compel a different country to do something,” she said. “So while we continue to do that advocacy work, we also work to compel our federal government on the U.S. side.”

In addition to challenges working with the Mexican government, Aguirre said there have been challenges receiving funding from the U.S. government for this issue because the Trump administration has focused their attention primarily on border security for illegal immigration.
Are my actions alone enough?: tales from a couch potato
By: Daramola Oluwanifemi
Tags: Sustainability, Upcycling, Ecosystem, Pollution, Water Pollution

Polluted water

Let me set this straight, I am not always a couch potato, but today, I’m choosing self-care above all the worries I have. And somehow, lying on the couch most of the day and watching TV made it to my list of things to do.

I’ll tell you the other things I did if you care to know. Today, I designed some graphics, I ate rice and beans from a food vendor on my street…yes, street food, I wrote the things I’m grateful for in my journal, I had an interesting chat with some of my friends, who are also my team members on a particular project I’m on. Later on, I’m going to watch a Christian movie as part of fulfiling a daily challenge my online fellowship buddies organized and also revise some C# programming concepts.

Whew, back to my couch story.

I completed the first season of “Down To Earth” by Zac Efron today. The series shows Zac and his team travelling the world and looking for sustainable solutions to world problems.

The series rekindled something I know have been in me since the first time I learnt about pollution properly in my first year in Junior secondary school. I remember waking up early this school day and reading more about pollution from my Basic Science textbook.

That love for sustainable living is still there. Occasionally, I keep nylons and bottles for reuse instead of single-use because plastic takes almost 450 years to decompose. That’s a lot! And the production of bottles is ever-growing and so is the hurt our earth is facing.

Just some days ago, I was at a beach and the bottles lying close to the water was just uncountable.

After a while, the water sweeps these bottles into its body where it harms the ocean organisms. Animals in the oceans swallow some of these plastics and it eventually kills them.

Think of this. If this practice continues unaided for the next 400 years, will our Earth survive? Yeah, I know we will be dead by then but what will the future generations live on?

How can you help?

Keep those packaging nylons you get when you buy things so that the next time you want to buy something, you can go with your nylon.

Think again before you throw that plastic container away. How can it be upcycled? Maybe as your dog’s food plate, as a flower vase for your room, etc.

I know you’re thinking that it’s just one bottle, one nylon, how much damage can it make? Well, so are over 4 billion other people thinking.

So yes, your actions, my actions can be enough.

Bye, this couch potato is off.
Environmental Pollution
By: Muhammad Arbab Khan
Tags: Garbage, Waste Management, Plastic Waste, Pollution, Environmental Issues

Problem Statement: Due to lack of Proper waste management system, garbage dumping sites are serious threat for healthy living.

Waste management is a very important matter today. Due to the rapid and continuous increase in the population, the amount of waste generating is increasing day by day. Moreover, the increase in the amount of waste is affecting the lives of so many people. the people who are living in the slums are very near to the waste disposal region. Therefore, there are prone to numerous types of diseases. Hence, pushing their lives in threat.

Most of the peoples burn the garbage which is not good for us or for the environment. Burning garbage in incinerators releases dangerous gases and dust (particulate matter) which contribute to global warming and pollute lakes, forests, oceans, and cities half a world away from where they originated. In Pakistan we face this problem in the form of smog in winter season. To retain a healthy life, proper hygiene and sanitation are very necessary.

Benefits’

Decrease bad smell: Waste or garbage produces a lot of bad smell. The bad odor that comes from waste and garbage is very harmful to the environment. Moreover, bad odor is responsible for various types of diseases in children. As a result, it affects their growth, and the kids grow slower than usual. So, waste management excludes all these problems in an effective way.

Reduces pollution: Waste is one of the major causes of environmental degradation. For instance, the waste from industries and households pollutes the rivers and lakes. Therefore, waste management is essential for life and decreasing pollution. So that the environment may not get adulterated with bad elements. Furthermore, it upturns the hygiene of the city or town through which the people get a better environment to live in.

Generates employment: The waste management system needs so many workers to successfully manage the waste. These workers have various jobs to do. Jobs starts from collecting to the disposing of the waste and garbage. Therefore, it generates opportunities for the people that are jobless and unemployed.
The Problem of Food Wastage
By: Huzaifa Nadeem
Tags: Startup, Foodwastage, Pollution, Environmental Issues, Expired

Food wastage is an intimidating issue that needs to be addressed as quickly as possible. Lots of grocery products, baked products and fresh fruits/vegetables get dumped when they are expired. No one buys an expired product because it is not hygienic too. Also, the wasted food takes a part in causing environmental solution.

This is the loop hole in my society that needs to be filled in an efficient and adaptive way.

Food wastage

Problem Statement

“A lot of food containing dairy products, baked products and fruits/vegetables get dumped because of their expiration contributing to poverty and causing environmental pollution.”

The idea to discuss this issue came in my mind when I saw a local grocery store wasting all the expired fruits and vegetables. I thought that it could be saved from getting dumped if I take an initiative to solve this issue once and for all.

Fruits getting dumped in my society

Taking Initiative

One day, I decided to take a survey from my neighboring areas in order to know that if this problem was big or just some areas have to deal with it. I went from 3–4 grocery stores and had a chit chat with the management staff. To my surprise, I found that up to 30–40% of the products get wasted because they get expired and people did not buy it earlier. I thought that the problem was local but it turned out to be global later on.

DAWN News report

I met two individuals from my local grocery store and four others from other marts. I discussed with them my problem statement and what could be done in order to solve this issue. They were very conscious and willing to work in this regard. All of them appreciated me for what I was going to do.

Discussing my problem statement with local stores

The expired food can be stopped from getting dumped if customers know the expiry dates of products and are willing to but them. I have started working on developing an app that includes all the data of the products and their expiry dates. I will collaborate with the grocery stores I visited and help the to sell the products at cheaper rates whose expiration date is near. In this way, the food to be expired will be sold at discounts benefiting both the customer and the seller. So its a win-win situation.

Saving food

In Pakistan, food wastage is a major issue that needs to be addressed. Millions of people die because of poverty and not being able to fill their bellies. These underprivileged areas and poor community are downtrodden people upon whom we don’t bother to look at. If this issue of food wastage gets sorted out then this community can benefit from this initiative.

Also, by saving food the environment does not get polluted. It does not contribute to land pollution by becoming a part of landfills and garbage. Solving this problem would benefit both local customers/sellers and also makes the environment green and friendly.
When Imagination meets Creativity
By: Bhuvaneshwary Mahesh
Tags: Do What You Love, Beingyou, Creativity, Imagination

Why is dreaming, imagination and creativity so important in life ??

It was like any other morning, I was viewing the Whatsapp statuses and I came across this one status that fascinated me (which is why I’m writing this article in the first place).

Do you see the caption “Imagination went wild”? Just think about that one sentence for a minute ….

You’re probably asking me why you should, it’s because it is more than a sentence. How did the imagination go wild? Why did the imagination go wild?

The answer is: CREATIVITY

Creativity is the aspect that differentiates one human from another in this world. Creativity makes dreams come true. We all think that creativity is a talent given to some in this world. No, this talent is in everybody and each creative mind is unique.

Another question — When does creativity gain importance or when does creativity come into the picture?

Creativity comes into the picture when you try to picture your imagination into an idea. Just like how you add frosting on a piece of cake you must add your little tastes of creativity into your life. Let it be from eating to doing your job or art or dancing whatever it may be just sprinkle the essence of your creativity on your piece of imagination.

Always, always, always remember to be yourself and to add your creativity in your life. Creativity makes you different from others. Creativity makes the imagining world creative.

What happens when both of them blend ???

It is like a huge cloud burst which was never seen before. Full of your imagination, ideas, dreams and your creativity.

I think this is enough for a day. But just hold on for a moment …..
Imagination vs Experience
By: Perspicacious Mind
Tags: Space, Experience, Imagination

This is a controversial question if imagination is more useful than the experience. Indisputably, being of heretic thinking might not be the natural choice for many. Nonetheless, imagination is more helpful to grow with more innovative ideas than experience.

To begin with, it is human nature to create patterns in thinking which always may not be the best quality when crucial problems are concerned. It is our experience that during such difficult times, it was some visionary with his imagination was able to lead the path. For example, before the great American Civil war, slavery was legal and most of the people during the time were in favor of that egregious law as it was ingrained in the society and most of the people found it hard to break that pattern of thinking. It was only visionaries like Abraham Lincoln who were able to imagine the world where everyone was equal and dared to lead the path despite the strong resistance. The question we should ask ourselves is that if it was not for the visionaries like him, would we ever be able to eradicate such heinous law? As most of the seasoned politicians at the time were defending the law, it was someone’s imagination of the free world, lead the society to grow.

Moreover, both the history and the experience have told us that many times the most crucial problems are solved due to out of the box thinking which might not be possible for the people who are experienced to do things in a certain way. To illustrate this, let’s look at the example of the space exploration field. Until the last decade, most of the space exploration missions were point-to-point which were not the most economic ones. The scientists at ISRO (Indian Space Research Organisation) handled this problem uniquely and instead of following the same path of point-to-point travel, they used gravitational force to save on fuel and became the first ones to reach to the Mars in the first attempt that too in the lowest budget. When most of the space organizations around the world had developed the habit of direct travel with colossal amounts spent on a single mission, this out of the box thinking of scientists made this accomplishment possible.

Admittedly, not all the out of the box endeavors come true. Moreover, it might lead to waste a lot of resources like time, money, etc. Nonetheless, throughout our history we have witnessed that something great was made possible due to human curiosity and his/her will to walk that path.

In conclusion, even though, many times one might feel that leaving the traditional path is hard or might lead to disappointment, we should also remember that many great things in the history are also achieved by the people who dared to dream differently.
Your limitation — it’s only your imagination
By: Mohsin Khan
Tags: Life, Imagination, Life Lessons, Limitations, Motivation

“Everything you can imagine is real.” Pablo Picasso

Our imagination is one of the keys to a productive life. In fact, life is only limited by a lack of imagination. Our imagination is the key to untold worlds when we grow up as children. And it has been shown that children with very active imaginations are more likely to dream as adults and strive for more things.

At the age of five, the children’s imagination is at their peak, their memory is sharp, and they can remember anything very quickly.

But it’s a sad fact that we’re told to “Stop Dreaming” and living in an imaginary world isn’t good for us. The worst thing you can do for yourself is to suppress your imagination, for it will only lay the foundation for accelerated aging, and all too often a life that feels unsatisfied.

See an example: Imagine if you’re asking your parents or anyone else for guidance: What can I do in my life? They’re answering anything you want. And you don’t think you can do anything, you give up without trying to do it. This is your failure. Your imagination is the only limitation.

Simply, we can say that nothing will stop you except your imagination, so if you have a lot of imagination, nothing will stop you, but if you don’t have any imagination, your strengths and abilities will be limited because you don’t have enough imagination to help you overcome your problems and difficulties.

To achieve your goal, learn to use your imagination, and raise your thinking to a higher level. Your imagination is going to motivate you to move in the direction of your dreams.
Fear of Falling Asleep. I open my eyes, and the first thing I…
By: Bader K Albader
Tags: Imagination, To Be Continued, Creative Writing, Fiction Writing, Fiction Series

There is no way I am going back to sleep after this. I look out the window, and indeed it is dawn. I find my Marlboro pack and take a cigarette out. Just another shitty habit I acquired over the years.

Where is my lighter, though?

It doesn’t matter. I have a drawer filled with lighters that my friend Vera steals off of every smoker that she meets. Thank you, Vera; this is a much-needed cigarette.

I take a lighter out and spark up a cigarette. I sit there, motionless, except to take a drag. I don’t know how many cigarettes I had; I stopped counting at three.

At this point, the sun rays start piercing through the windows. It’s time I get off of my ass and get on with my day. It must have been a dream. It has to be!

For the remainder of the day, I move aimlessly like a zombie. Subconsciously going through the usual motions. I go to the bathroom, brush my teeth, and take the longest shower I have ever taken.

I have to get out of the house, I can’t be here. I get dressed and call up Vera, asking if she wants to grab breakfast and a coffee before heading to class.

She agrees. Thank god!

I don’t think I should be alone with my thoughts right now.
Journey to the Centre of Imagination.
By: Pranab Padhi
Tags: Imagination, Design, Creativity 365, Articles, Thoughts

Photo by Alexandru Goman on Unsplash

Art and design has been an important part of my life for approximately 15 years. And in all these years, I feel that the only thing that keeps my creative journey exciting are my imaginations. Usually, I discuss about my ideas and imaginations with my friends and family and I feel amazing when they come up with their own imaginations which are quite unique and interesting. In these conversations, we start aligning all these thoughts into right places like the pieces of a puzzle and voila, the imagination is now very much clear and has a story on its own. By doing this, I learnt a lot about how to provide a new and different methods of approach for my imaginations.

What I want to say is that everyone has a very personalised way for thier respective imaginations. And I think that we should share and recieve these imaginations with great respect. A small conversation with your loved ones about your respective imaginations can be a very different kind of observation and analysis of your ideas. Finding out what were the initial inspirations to your ideas, what are its various significances, digging deep into the roots of those thoughts and revolving around the basic ideas can add up to many different possible outcomes of your imaginations. By doing this, you can also get the proof that how everyone is, more or less, equally creative.
Hobbies For Four Year Olds
By: Laura Lee Hamm
Tags: Creativity, Imagination, Play, Productivity, Parenting

My 4 yr old had to name her ‘hobbies’ for homework. She gave IMAGINING half the top billing (here’s the ‘Playing With Dinosaurs’ edition).⁠

Shockingly given my Fabled mission, I felt myself resisting. This wasn’t what her school meant. ⁠

But then I thought — what are her hobbies? She goes to ballet class, sure, we do painting, baking… but what does she really like to do with her ‘spare time’? ⁠

⁠She lays out toys and dolls, or even salt-&-pepper-pots, and she makes up stories. She imagines things. ⁠

If she was a compulsive knitter it would be easy. But she isn’t writing yet, so our productivity obsessed society overlooks her main pastime. ⁠

The lack of product, of clear input or output, unsettles us. It challenges our calculus of value. Heaven forbid she do something we can’t measure, something she can’t get ‘better’ at. ⁠

There’s no Amazon listing for imagination supplies, there are no black belts to be won, or Great British Imagine-Offs to enter. ⁠

As it happens, this is about the best thing she could be doing for her growing brain, her growing heart. But more importantly it brings her great joy. It brings me great joy. ⁠

⁠It IS artistic, and expressive, and beautiful. It’s just temporary. Her performance art is at its best when unobserved, unrecorded — pure expression and exploration. Pure imagination.⁠

⁠So yes Vesta, I take it back, imagining is your best hobby. And thank you for schooling me. Because what I really wish for Fabled is that I can encourage more kids, and more of their Grown-Ups, proudly list Imagining as hobbies 2–4 of 5.⁠

⁠

⁠
Thank you, @umair haque
By: Nancy Peden
Tags: Politics, Collaboration, Community, Imagination

Yoda Offering Free Hugs, Google Images

Thank you, @umair haque

I disagree with your basic assumption that we do not know how to collectively act.

Many are collectively acting. Ask Greta and look into what is known as The New Story by many worldwide and Charles Eisenstein’s book The More Beautiful World We Know is Possible.

Communes, regenerative farming are just two areas we are organizing in or did you want this to be political? These are political acts. Did you want to incite naming and blaming and adding to the chaos?

I just noticed this a.m. that I run two free groups on FB and both just recently went over 500 respectful readers and participants. One is spirituality oriented and another is where I share anything that I feel passionate about and promotes wellness in any area.

We ARE being political by turning away from corruption as we are able and walking into lives of meaning by helping each other. Yes, I plan to vote and I will leave it to history as to what happens.

I too have written about authoritarianism. I believe the transference of our individual and collective power is what allows it to grow. So we do agree a bit.

We give our power away instead of collectivizing with people of good intentions. Also, I believe we need to be defiant and name gaslighting as best as we are able.

We will see and please don’t damn us for seeming to not be organizing. That is your choice of how you see it. I see differently and feel blessed to be alive.

As phenomenology and Buddhism say, you get to choose what you think and that thinking creates the world.

A great many are choosing the Light over the Dark.
Black People Gathering Still Poses a Threat
By: Regina Hall
Tags: Imagination, Gathering, Justice For George Floyd, Justice, BlackLivesMatter

Black People Gathering Still Poses a Threat

Photo by Clay Banks

Brandt Williams @BrandtMPR is a Minneapolis reporter who is covering Chauvin’s trial. He posted a statement on his tweeter feed as noted:

“Defense Atty Eric Nelson has consistently asked police witnesses about the possible threats posed by observers. It is part of his narrative that the crowd gathered at 38th and Chicago posed a threat and that Chauvin’s actions were consistent with training.”

The Defense Atty Eric Nelson is only raising this question because the crowd of people was black. He is driving home the narrative to play on the fears of some whites that it was an angry mob.

True story. I was at a fitness club in Lansing, Michigan, years ago, and a group of my friends was there too. I lived in Lansing, which was not a large city, and didn’t have many fitness places. We had assembled in a group laughing and kibitzing. From the corner of my eye, I could see that one of the white workers was starting to pace anxiously. She looked frightened. Finally, she came over to us and told us in a forceful voice that we needed to break up the gathering. It was not allowed. I was agitated and started to question her, but my friends didn’t want to challenge her. They did as instructed. I couldn’t believe this young lady but, more importantly, I also couldn’t believe how my friends acquiesced.

I am not sure what was going on in her brain, but I had seen white women convene, laugh, talk at the club, and no staff bothered to tell them that they couldn’t assemble. We did nothing wrong. It was clear that our blackness frightened the white worker. Did she see us as an angry mob? Could she not see that we were laughing and were peaceful? The only disruptor was her and her overactive mind.

Quote by Jemele Hill

Images can be stronger than reality, especially if people believe in what they have conjured up in their minds as truth. Atty Nelson, in my opinion, appears to be attempting to draw from the images of the minds of the white jurors that it is frightening when black people assemble.

It is not that the “crowd gathering at 38th and Chicago posed a threat,” and that Chauvin’s actions were consistent with training.” It is the perceived threat Atty Nelson is hammering to make it appear that Chauvin was in danger of the crowd, and George Floyd’s possible resuscitating exhibiting erratic behavior allowed Chauvin’s actions.

I was in my 20s when the incident occurred, and I am over 50 years of age now, and what some white people will do without critical thinking or rational mind is fear black people because of their inept images.
What Has to Go in Your Life for You to Attain Your Success
By: Adelere Abiodun Adesina
Tags: Imagination, Freedom, Personal Development, Adelere Adesina, Success

What Has to Go in Your Life for You to Attain Your Success

Humanity has eternally wondered what that thing is which impedes our progress. In our personal lives especially, we want to feel happiness and satisfaction. But it seems as if a force is holding it back. We have read books, studied materials and attended countless seminars. They have motivated, inspired, educated us. But many among us still wonder, ‘What is left to know?’

Strangely, the question that matters is, ‘What has to go?’ What do we have to release ourselves from in other that the lofty heights we seek can, in fact, come to us? It is simple and simply ‘evil imaginations and paradigms’. Those are what the words above ask us to cast down. ‘Imaginations and every high thing exalting itself against the knowledge of Love’ (God is Love).

Either you believe the story to be a fairytale, a folklore, a true history, you have heard what happened in the world of Noah. What brought upon those people their self-destruction? What brought upon them the consequences that we heard happened? It is this. ‘The wickedness of man was great in the earth, and that every imagination of the thoughts of his heart was only evil continually.’ Are you now clear what happened? They attracted evil by evil thoughts and imagination. The lesson for us is so plain. We have to release on its way all unhelpful thoughts and replace them with life-enhancing thoughts.

Lest you think this is a difficult process, kindly consider that it feels stressful to think and feel negative. Experience has taught us that every stressful condition, moment or feeling is an unnatural process to the thing experiencing stress. In other words, it is never in your nature to think and feel negative. In fact, the stress happens because you are ‘holding to negative ideas’ when you can simply ‘let it go.’ At this point, I recommend you watch Bob Proctor’s Just Let It Go on PGI YouTube Channel so you can understand the idea of easing your mind off negative use.

Remember to cast down the vain imaginations of the heart. Whatever imagination or thought is not supporting the idea of growth, expansion, development, service and purpose is not worth your attention. Let it go and simply do what you are natural to do: Live.
Tick.. Tick.. Tick..
By: Praveen Baskar
Tags: New Beginnings, Imagination, Starting Over, Time, Time Management

Your time is bounded. It has a start and end. You did not realize when it started and you have no idea when it will end. You cannot control it and it keeps running towards the end. With this limited time, you have been gifted with your imagination. Imagination is literally limitless and unbounded. Imagination can run wild and can run anywhere where it wants to. But you can control what and how you imagine.

It takes mastery to realize imagination and make it a reality. And definitely it takes time. Nobody has a magic wand. It is all about how you spend time and how you make every day count. If you make everyday count, then it counts, else restart again. There are many days where the time & effort went in vain. But all you can do is to restart, to start afresh. Growth is guaranteed when a person starts from scratch. It is about the focus and where you want to grow.

The good news is if you have mastered how to optimize & multiply results in the same amount of time, then you have found your treasure! And it is different for everybody, because everybody is unique. You are better off, if you make your own version and stick to it. It is not that you don’t know these, but this is to remind you that the time is ticking.

Tick.. Tick.. Tick..
Frontend Developer Love 2020
By: Frontend Love
Tags: JavaScript, Vue, Web Development, React, Front End Development

Frontend Developer Love Conference is 3 Full Days of Talks from 35+ Global Javascript Leaders from around the world Join fellow Javascript Frontend Developers traveling in from over 50 Countries around the world for the Largest Javascript Conference in Europe. We will host over 3,000 People flying in from 50+ Countries around the World during this 3 Day Celebration of Javascript

Conference Tickets

You have the choice to join for the Full 3 Day Experience which includes Vuejs Amsterdam which is the Globally Recognised Vue Community Event of the year. Or simply purchase a 1 Day Ticket for Wednesday 19th February 2020 which covers a wide range of Topics geared towards helping you make good choices as a Javascript Developer.

Our Speakers have spoken at 100+ Global Javascript & Developer Conferences in 30+ Countries in the last 12 months. We have developers that have worked at companies such as Google, Facebook, Volkswagen, Tommy Hilfiger, Uber, Spotify, ING, Amazon, Microsoft, Netflify, Gitlab, IBM, Dell, Sony

Javascript is at the heart of the Frontend Developer Love Conference with a variety of topics being covered such as:

Serverless, Cloud, AWS, Functional Programming, Microservices, Agile, Testing, Automation, Become as good a Leader as you are coder, speechRecognitionAPI, Web Audio, Hip Hop & Code, Gatsbyjs, AWS Amplify, Jamstack, GraphQL, Webpack 5, Typescript, Devops, Microfrontends, Nodejs, Web Assembly, Sveltejs, NPM Packages, Artificial Intelligence, eCommerce

Connecting Global Javascript Leaders

Take a Look at some speakers and topics

Conference Tickets

Venue: Theater Amsterdam
Deploy Vue-Cli3 MPA application to HEROKU
Tags: Deployment, Vue, Heroku

當你辛辛苦苦完成一個專案，最期望的當然是可做網路上分享自己的APP。

但你這時候會思考，我的VUE專案沒有server那要怎麼demo我的前端專品！！

這邊就示範使用採用vue cli 3作為前端框架，搭配免費雲端平台服務的 Heroku 作為架設的伺服器。

問題：後端api是由其他伺服器所提供，需要跨域請求怎麼辦？

問題：該怎麼處理production 的HTML5 History Mode？

這邊要先談談一個前後端的分離網站一般會使用Nginx作為前端的proxy server，就可以處理跨域請求和HTML5 History Mode了～～

但是在Heroku上配置Nginx實在是一個大工程＠＠，參考了Vue 官網的解釋，我們可以使用Native node方式處理，接下來會解釋怎麼用簡單的方法架設前端伺服器且可以跨域請求和HTML5 History Mode。

首先你需要準備

一份Vue專案 一個Heroku帳號 Git

首先在專案root的地方建立一個server.js

$ touch server.js

在server.js裡面會使用CORS和connect-history-api-fallback等第三放套件使我們可以做跨域請求並處理HTML5 History Mode。

const express = require('express');

const bodyParser = require('body-parser');

const app = express();

const cors = require('cors');

const history = require('connect-history-api-fallback');

const port = process.env.PORT || 5000;



app.use(bodyParser.json());

app.use(cors()); // allow core

app.use(history()); // allow HTML5 History Mode In production



// production settings

if (process.env.NODE_ENV === 'production') {

// this will reference the static folder compiled by Vue CLI

app.use(express.static(__dirname + '/dist/'))



// Handle MPA

app.get(/.*/, (req, res) => {

res.sendFile(__dirname + '/dist/index.html')

})

}



app.listen(port);

console.log('server started '+ port);

緊接者去.gitignore，.gitignore這邊是專門放置我們不要上傳的內容，在使用cli建立Vue專案他就會幫我建立這份檔案，你會看到裡面有個 /dist 檔案路徑。

/dist 內的文件是經由vue clie幫我們打包出來的靜態文件，這些打包出來的文件才是網頁看得懂HTML, JS, CSS ><

因此在push到Heroku前要把.gitignore裡面的/dist comment掉或是刪掉

.DS_Store node_modules # /dist # local env files .env .env.local .env.*.local

再來將我們vue的項目做打包，打包後靜態文件會產生在dist的資料夾

$ npm run build

接者修改package.json裡的script把npm run build修改成npm run dev-build。

修改這邊的原因在於當你push上heroku時，heroku cli看到build指令就會去執行，但我們在要push code前就已經把靜態文件打包過了，所以不需要這個多餘的動作。

"scripts": { "stat": "node server.js", "serve": "vue-cli-service serve", "dev-build": "vue-cli-service build", "lint": "vue-cli-service lint" }

最後了～～可以提交你的專案到Heroku

$ heroku login // 登入Heroku $ heroku create // 初始化你的專案 // 如果在此之前你已經commit過了，可以忽略這個動作 $ git init && git add . && git commit -m "deploy" $ git push heroku master

大功告成～～

如果覺得很懶得輸入上述指令的話，可以把指令包成bash
How to fix “Avoid mutating a prop directly” in Vue
By: Jakz Aizzat
Tags: JavaScript, Vuejs, Programming, Web Development, Vue

Have you ever face this error -

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value.

The reason why Vue doesn’t recommend to modify the prop data because if the parent component has a different value, the data in the child component will be re-render.

How to solve it?

I’m gonna create a simple Vue component consist of input with v-model attached to it and another Card component that accepts the v-model data as a props and displays it.

This is how the interface will looks alike.

This is how the interface works.

Every-time user type in the input, it will reflect directly in the card below. It’s because we’re passing v-model: number as prop in the Card component.

Any value that user’s typing will reflect immediately.

My next question is what’s going to happen if we’re going to manipulate the data in the child component, which is the Card component.

Surprisingly, this is what’s happening.

When we want to increase the value in the child component, Vue gives us an error message that this is not recommended way.

Why is it not recommend?

If the data v-model in the parent is changed, the data in the child component will re-render.

For example, I add any number in the input, and I increase the number using the plus button. What happens if I add a new value in the input ?

The value that we increased just now is getting a new value from the input.

Get it?

How do we solve it?

Since we cannot modify the props data directly, so we need to replicate the props data into a variable.

In the addNumber methods, assign the props into a new variable and do the calculation.

The next question is, how do we send the new number value to the parent? 🤔

Thank god, there is a custom event to solve it. We need to add the custom event in the addNumber methods.

It’s mean that we’re sending a myNumber data through update-number event name. Since we’re sending a custom data, the parent component needs to listen to the update-number event.

In the App.vue , add the listener to the Card component.

If there’s an emit event called update-number triggered in the child component, update function will be called.

In the App.vue file, add the update function in the methods section.

Remember, when we’re sending the custom event, we’re sending myNumber as a parameter. So, in the update function need to have one parameter to get the data.

After that, the new value we get from the custom event will be assigned to the number data. Since, the child component data will be re-render if every time the props data changed, we can see the instant update in the Card component.

Source Code

App.vue

Card.vue

Originally published at https://jakzaizzat.com
Vue.js 3: First Steps
By: Pratik Chaudhari
Tags: JavaScript, Web Development, Vue, Vue 3

Sept 18th, 2020, came bearing the good news of the release of Vue 3.0.

The Vue.js team announced its release via its official Twitter account:

A tweet from Vue.js’s official Twitter account

I was excited to try it out and decided to create a small Todo app.

In this article, I’ll walk you guys through the process of creating a web app using Vue 3.0.

But before we start, let me give you a glimpse of what we are about to create:

The Todo app created using Vue 3.0. Image Credits: Pratik Chaudhari (Author)

Now that you have got a visual clue of how it’s going to look and how it’s going to function, let’s dive into the code.

Step 1.

Setting up your app to use Vue 3.0

We won’t be using npm, the popular JavaScript package manager, here to keep things simple.

Instead, we’ll use the good ol’ <script> tag to import vue.js into our app directly from a CDN:

<script src="https://unpkg.com/vue@next"></script>

Note the @next in the above code. It is used to indicate to unpkg.com that we want the latest version of vue.js.

If you omit the @next, unpkg.com will provide you with vue 2.6.12, the current LTS version of Vue.js.

Step 2.

Importing other third-party libraries

The only third-party library that I have used is the Materialize CSS.

This isn’t really necessary, but it gives the app a nice swanky look :)

So let’s import it:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

As you can see, we need two imports here:

The Materialize CSS file The Materialize JS file

The JS file is required for displaying toasters and tooltips provided by the Materialize CSS.

Step 3.

Creating the HTML template

We’ll need a form with two input fields: one for the title and one for the description. We’ll also need a button that will allow the user to submit a todo item to the app.

Here’s the code:

(I’m embedding the code using GitHub’s gist feature here as adding the raw text for code of this length directly into the article will make it hard to read)

A snippet from the index.html file of the Todo app

We’ll also need a table to display all the todos that the user has added.

Here’s how we design it:

A snippet from the index.html file of the Todo app

Step 4.

Creating the app.js

Let’s create the app.js, which will bring our app to life:

The entire app.js file of the Todo app

Once we glue all the above code together, our app will begin to function, as we’d seen in the gif at the beginning of the article.

In case you want to see a live demo of this app (and maybe change its code and play with it), head over to the Codepen below, where I’ve uploaded all the code:
How to Setup Path Resolving in Vite
By: Thomas Findlay
Tags: JavaScript, Vue, Vuejs, Web Development, React

Path aliases

We can configure Vite by modifying the vite.config.js file. We need to tell Vite how it should resolve the paths by providing resolve.alias config. Here is the code for resolving the @ sign to the src directory.

vite.config.js

import { defineConfig } from 'vite'

import vue from '@vitejs/plugin-vue'

import path from 'path'



export default defineConfig({

plugins: [vue()],

resolve: {

alias: {

'@': path.resolve(__dirname, './src'),

},

},

})

There is one more thing we need to do. It’s a good idea to tell your code editor how it should resolve your aliases. You can do so by creating a jsconfig.json, or ts.config.json file if you’re using TypeScript.

jsconfig.json

{

"compilerOptions": {

"baseUrl": ".",

"paths": {

"@/*": ["src/*"]

}

}

}

Without setting it up, if you would try to import a component like import CMP from “@/component/…path”, there would be no intellisense for it.

Conclusion

I hope you found this article useful. If you would like to learn more tips, advanced patterns, techniques and best practices related to Vue, you might want to check out “Vue — The Road To Enterprise” book, sign up for the newsletter, and follow me on Twitter.

More content at plainenglish.io
Create a Debounced Ref in Vue 3 using Composition API
By: Thomas Findlay
Tags: JavaScript, Vuejs, Web Design, Web Development, Vue

With the introduction of Composition API, we got a new way of writing reactive logic, namely, ref and reactive methods. In this article, I want to show you how you can create a debounced ref that will update its value only after a specified delay. A denounced ref can be very useful, for example, if you have an input field with an autocomplete where an API request is made after the search query state changes.

Debouncing is a nice optimisation pattern, and without it, an API request would be made after every keystroke. Battering a server is not optimal, so let’s get started.

Project Setup

To showcase this example, I have created a new project with Vite. If you would like to follow along, you can create one by running yarn create @vitejs/app debounced-ref — template vue or npm init @vitejs/app debounced-ref — template vue. You can also find the full code example in this GitHub repo.

App.vue

As I mentioned at the start, a debounced ref could be used to delay API requests when a user enters search criteria in an input field. Below you can see the setup for it.

<template>

<div>

<label :class="$style.label">Search query</label>

<input :class="$style.input" v-model="query" type="text" />

<div>Value: {{ query }}</div>

</div>

</template>



<script>

import { watch } from 'vue'

import useDebouncedRef from './composables/useDebouncedRef'

export default {

setup() {

const query = useDebouncedRef('', 400)



watch(query, newQuery => {

console.log({ newQuery })

// init an API request

})



return {

query,

}

},

}

</script>



<style module>

.label {

display: block;

}



.input {

margin-top: 5px;

margin-bottom: 20px;

}

</style>

In the template, we have a label, input, and div that contains the query value. When we’re done, you will see that the value is updated only after a delay. In the setup method, we create a debounced ref using useDebouncedRef function and pass an empty string as an initial value as well as 400, which is the debounce delay. We will create it in a moment. Besides that, we also have a watcher that observes the query ref. That’s where you could initialise a function that would perform an API request.